实例介绍
WebGLBook-master,8章练习文件,示例,一本书的资源。
【实例截图】
【核心代码】
29d229c3-e670-4565-ad42-d796e6caf7f5
└── WebGLBook-master
├── Chapter 1
│ └── example1-1.html
├── Chapter 2
│ ├── example2-1.html
│ └── example2-2.html
├── Chapter 3
│ ├── earth-basic.js
│ ├── earth.js
│ ├── earth-lit.js
│ ├── earth-moon.js
│ ├── earth-shader.js
│ ├── graphics-earth-basic.html
│ ├── graphics-earth-lit.html
│ ├── graphics-earth-moon.html
│ ├── graphics-earth-shader.html
│ ├── graphics-solar-system.html
│ ├── orbit.js
│ ├── planet.js
│ ├── saturn.js
│ ├── solarSystem1.js
│ ├── solarSystem2.js
│ ├── stars.js
│ ├── sun.js
│ └── sun-shader.js
├── Chapter 4
│ ├── keyframe-lights.html
│ ├── keyframe-lights.js
│ ├── keyframe-material.html
│ ├── keyframe-material.js
│ ├── keyframe-robot-byhand.js
│ ├── keyframe-robot.html
│ ├── keyframe-robot.js
│ ├── keyframe-simple.html
│ ├── keyframe-simple.js
│ ├── keyframe-texture.html
│ ├── keyframe-texture.js
│ ├── tween-basic.html
│ ├── tween-basic.js
│ ├── tween-easing.html
│ └── tween-easing.js
├── Chapter 5
│ ├── interaction-camera-model.html
│ ├── interaction-camera-model.js
│ ├── interaction-camera-navigation.html
│ ├── interaction-camera-navigation.js
│ ├── interaction-drag.html
│ ├── interaction-drag.js
│ ├── interaction-hitpoint.html
│ ├── interaction-hitpoint.js
│ ├── interaction-simple.html
│ ├── interaction-simple.js
│ └── roundRect.js
├── Chapter 6
│ ├── canvasView.js
│ ├── earth-shader.js
│ ├── integration-canvas.css
│ ├── integration-canvas.html
│ ├── integration-canvas.js
│ ├── integration-div.css
│ ├── integration-div.html
│ ├── integration-div.js
│ ├── integration-media.css
│ ├── integration-media.html
│ ├── integration-media.js
│ ├── integration-object.css
│ ├── integration-object.html
│ ├── integration-object.js
│ ├── integration-text.css
│ ├── integration-text.html
│ ├── integration-text.js
│ ├── integration-trackingdiv.js
│ ├── integration-video.css
│ ├── integration-video.html
│ ├── integration-video.js
│ ├── paintCanvasProgram.js
│ ├── rssCanvasProgram.js
│ ├── rssproxy.php
│ └── videoPlayer.js
├── Chapter 7
│ ├── binaryModel.js
│ ├── colladaModel.js
│ ├── contextLost.js
│ ├── CORSImageApp.js
│ ├── detectWebGL.js
│ ├── imageProxy.php
│ ├── jsonModel.js
│ ├── JSONPImageApp.js
│ ├── modelViewer.js
│ ├── production-context-lost.html
│ ├── production-crossdomain-CORS.html
│ ├── production-crossdomain-JSONP.html
│ ├── production-crossdomain-proxy.html
│ ├── production-detect-webgl.html
│ ├── production-loader-binary.html
│ ├── production-loader-collada.html
│ ├── production-loader-json.html
│ ├── production-loader-model.html
│ ├── production-loader-scene.css
│ ├── production-loader-scene.html
│ ├── proxyImageApp.js
│ ├── sceneData.js
│ ├── sceneViewer.js
│ └── webgl-debug.js
├── Chapter 8
│ ├── artDirection.js
│ ├── car.js
│ ├── controls.js
│ ├── digitaldisplay.js
│ ├── environment.js
│ ├── exhaustApp.js
│ ├── exhaust.js
│ ├── game-art-direction.html
│ ├── game.css
│ ├── game-design-notes.txt
│ ├── game-graybox.html
│ ├── game.html
│ ├── game-hud.html
│ ├── game.js
│ ├── game-model-viewer.css
│ ├── game-model-viewer.html
│ ├── game-particles.html
│ ├── game-sounds.css
│ ├── game-sounds.html
│ ├── grayBox.js
│ ├── jsonModel.js
│ ├── modelViewer.js
│ ├── player.js
│ ├── production-notes.txt
│ ├── speedometer.js
│ ├── tbe.js
│ ├── themes
│ │ ├── default.js
│ │ └── racing-black.js
│ └── xcanvas.js
├── css
│ └── webglbook.css
├── fonts
│ ├── droid
│ │ ├── droid_sans_bold.typeface.js
│ │ ├── droid_sans_mono_regular.typeface.js
│ │ ├── droid_sans_regular.typeface.js
│ │ ├── droid_serif_bold.typeface.js
│ │ ├── droid_serif_regular.typeface.js
│ │ ├── NOTICE
│ │ └── README.txt
│ ├── gentilis_bold.typeface.js
│ ├── gentilis_regular.typeface.js
│ ├── helvetiker_bold.typeface.js
│ ├── helvetiker_regular.typeface.js
│ ├── LICENSE
│ ├── optimer_bold.typeface.js
│ └── optimer_regular.typeface.js
├── images
│ ├── 07.jpg
│ ├── 1301042352.png
│ ├── 4306285919_46b9d8e4c3_z.jpg
│ ├── 4441454031_7772f8351e_o.jpg
│ ├── 8890.jpg
│ ├── ball_texture.jpg
│ ├── BLASTZORZ13copy.png
│ ├── Brick_Texture_by_Hero_wante-TP.jpg
│ ├── closebox-gray.png
│ ├── cloud.png
│ ├── clouds1273.jpg
│ ├── earth_clouds_1024.png
│ ├── earth_normal_2048.jpg
│ ├── earth_specular_2048.jpg
│ ├── earth_surface_2048.jpg
│ ├── field_of_stars_full.jpg
│ ├── game-finish-line.png
│ ├── gradient1.jpg
│ ├── great-marble-texture_w725_h544-TP.jpg
│ ├── Guard_Rail.jpg
│ ├── Guard_Rail-rotated.jpg
│ ├── heic1105a.jpg
│ ├── hellowebgl.jpg
│ ├── icons
│ │ ├── accept_page.png
│ │ ├── accept.png
│ │ ├── add_page.png
│ │ ├── add.png
│ │ ├── add_to_folder.png
│ │ ├── attachment.png
│ │ ├── back.png
│ │ ├── block.png
│ │ ├── calendar_empty.png
│ │ ├── calendar.png
│ │ ├── chart_pie.png
│ │ ├── chart.png
│ │ ├── clock.png
│ │ ├── comment-over.png
│ │ ├── comment.png
│ │ ├── comments.png
│ │ ├── delete_folder.png
│ │ ├── delete_page.png
│ │ ├── delete.png
│ │ ├── download.png
│ │ ├── favorite.png
│ │ ├── folder_accept.png
│ │ ├── folder_full.png
│ │ ├── folder-over.png
│ │ ├── folder.png
│ │ ├── full_page.png
│ │ ├── heart.png
│ │ ├── help.png
│ │ ├── info-over.png
│ │ ├── info.png
│ │ ├── lock.png
│ │ ├── mail_lock.png
│ │ ├── mail.png
│ │ ├── mail_receive.png
│ │ ├── mail_search.png
│ │ ├── mail_send.png
│ │ ├── new_page.png
│ │ ├── next.png
│ │ ├── page_process.png
│ │ ├── process.png
│ │ ├── promotion.png
│ │ ├── protection.png
│ │ ├── refresh.png
│ │ ├── rss.png
│ │ ├── search_page.png
│ │ ├── search.png
│ │ ├── tag_blue.png
│ │ ├── tag_green.png
│ │ ├── text_page.png
│ │ ├── unlock.png
│ │ ├── user.png
│ │ ├── users.png
│ │ └── warning.png
│ ├── lavatile.jpg
│ ├── MarsV3-Shaded-2k.jpg
│ ├── Mercury.jpg
│ ├── molumen_small_funny_angry_monster.jpg
│ ├── moon_1024.jpg
│ ├── neptune_current.jpg
│ ├── neptune.jpg
│ ├── night-sky.jpeg
│ ├── pluto.jpg
│ ├── PurportedUFO2.jpg
│ ├── realj2k.jpg
│ ├── red-brick-seamless-512-x-512.jpg
│ ├── red-brick-wall-texture.jpg
│ ├── road.jpg
│ ├── road-rotated.jpg
│ ├── Sand_002.JPG
│ ├── SatRing.png
│ ├── saturn_bjoernjonsson.jpg
│ ├── sky_stars.jpg
│ ├── smoke-2.png
│ ├── smoke.png
│ ├── solarflare.jpg
│ ├── stars.gif
│ ├── sun.jpg
│ ├── sun_surface.jpg
│ ├── SunTexture_2048.png
│ ├── SwedishRoyalCastle
│ │ ├── nx.jpg
│ │ ├── ny.jpg
│ │ ├── nz.jpg
│ │ ├── px.jpg
│ │ ├── py.jpg
│ │ ├── pz.jpg
│ │ └── readme.txt
│ ├── th_saturn.png
│ ├── uranus.jpg
│ ├── venus_clouds__NASA_JPL_Seal_Mariner10_Oct21_2001.jpg
│ ├── venus.jpg
│ ├── venussurface__praesepe.jpg
│ ├── water0hk.jpg
│ ├── watertexture.jpg
│ └── webgllogo.png
├── libs
│ ├── jquery-1.6.4.js
│ ├── jquery.mousewheel.js
│ ├── RequestAnimationFrame.js
│ ├── Three.js
│ └── Tween.js
├── models
│ ├── Alien
│ │ ├── monster.jpg
│ │ ├── walkingCycle.js
│ │ ├── walkingCycleMedium.js
│ │ └── walkingCycleSmall.js
│ ├── alien2_obj
│ │ ├── alien2_bin.bin
│ │ ├── alien2_bin.js
│ │ ├── alien2.js
│ │ ├── alien2.mtl
│ │ ├── alien2.obj
│ │ ├── alien2Tex1.BMP
│ │ └── alien2Tex1.jpg
│ ├── ALOS02
│ │ ├── doc.kml
│ │ ├── images
│ │ │ ├── texture0.png
│ │ │ ├── texture1.png
│ │ │ ├── texture2.png
│ │ │ └── texture3.png
│ │ ├── models
│ │ │ └── model.dae
│ │ └── textures.txt
│ ├── Bench
│ │ ├── bench copy.jpg
│ │ ├── Bench.js
│ │ └── Bench.obj
│ ├── blenderscene
│ │ ├── scene.Cube.js
│ │ ├── scene.js
│ │ ├── scene.Monkey.js
│ │ └── scene.Plane.js
│ ├── Camaro
│ │ ├── Camaro2.bin
│ │ ├── Camaro2.js
│ │ ├── Camaro2.mtl
│ │ ├── Camaro2.obj
│ │ ├── Camaro.bin
│ │ ├── Camaro.js
│ │ ├── Camaro.mtl
│ │ ├── CamaroNoUv_bin.bin
│ │ ├── CamaroNoUv_bin.js
│ │ └── Camaro.obj
│ ├── Camaro-1
│ │ ├── camaro_2.jpg
│ │ ├── camaro_2.tga
│ │ ├── camaro_3.jpg
│ │ ├── camaro_3.tga
│ │ ├── camaro_4.jpg
│ │ ├── camaro_4.tga
│ │ ├── camaro.jpg
│ │ ├── Camaro.js
│ │ ├── Camaro.mtl
│ │ ├── Camaro.obj
│ │ └── camaro.tga
│ ├── collada_monster
│ │ ├── monster.dae
│ │ └── monster.jpg
│ ├── craft
│ │ ├── craft.3ds
│ │ ├── craft.bmp
│ │ ├── craft_i.bmp
│ │ ├── craft.js
│ │ ├── craft.lwo
│ │ ├── craft.ms3d
│ │ ├── craft.mtl
│ │ ├── craft.obj
│ │ ├── craft.png
│ │ └── readme.txt
│ ├── EnemyShip1
│ │ ├── EnemyShip1_3DS.3DS
│ │ ├── EnemyShip1.js
│ │ ├── EnemyShip1.max
│ │ ├── Enemyship1_OBJ.obj
│ │ ├── Enemyship1_Unity
│ │ ├── enmeyship1_DIFF.png
│ │ └── Ship1_OBJ.mtl
│ ├── Feisar_Ship_OBJ
│ │ ├── Feisar_Ship.js
│ │ ├── Feisar_Ship.mtl
│ │ ├── Feisar_Ship.obj
│ │ └── maps
│ │ ├── diffuse.bmp
│ │ └── specular.bmp
│ ├── fighterobj
│ │ ├── fighter.js
│ │ ├── fighter.mtl
│ │ ├── fighter.obj
│ │ └── fighter_texture.jpg
│ ├── garbagecan
│ │ ├── garbagecan.bin
│ │ ├── garbagecan.js
│ │ ├── garbagecan.mtl
│ │ ├── garbagecan.obj
│ │ └── Map__18_Noise.tga
│ ├── Hatchback
│ │ ├── body.jpg
│ │ ├── body.js
│ │ ├── body.mtl
│ │ ├── body.obj
│ │ ├── wheel.jpg
│ │ ├── wheel.js
│ │ ├── wheel.mtl
│ │ └── wheel.obj
│ ├── Kinoko
│ │ ├── character_kinoko.daiza.js
│ │ ├── character_kinoko.dokuro.js
│ │ ├── character_kinoko.Flower.001.js
│ │ ├── character_kinoko.Flower.js
│ │ ├── character_kinoko.js
│ │ ├── character_kinoko.karada.js
│ │ ├── character_kinoko.kinoko2.js
│ │ ├── daiza_color.jpg
│ │ ├── daiza_nomal.jpg
│ │ ├── daiza_nomal.png
│ │ ├── daiza_speculer.jpg
│ │ ├── dokuro_color.jpg
│ │ ├── dokuro_nomal.jpg
│ │ ├── dokuro_nomal.png
│ │ ├── dokuro_speculer.jpg
│ │ ├── hana_color.jpg
│ │ ├── hana_nomal.jpg
│ │ ├── hana_nomal.png
│ │ ├── hana_speculer.jpg
│ │ ├── kiniko_nomal.jpg
│ │ ├── kiniko_nomal.png
│ │ ├── kinoko_color.jpg
│ │ ├── kinoko_Specular.jpg
│ │ ├── KURAMA_color_AO.jpg
│ │ ├── KURAMA_nomal.png
│ │ └── KURAMA_Specular.png
│ ├── LampPost
│ │ ├── LampPost.bin
│ │ ├── LampPostBump.jpg
│ │ ├── LampPost copy.jpg
│ │ ├── LampPost.js
│ │ └── LampPost.obj
│ ├── leeperrysmith
│ │ ├── Infinite-Level_02_Tangent_SmoothUV.jpg
│ │ ├── LeePerrySmith.js
│ │ └── Map-COL.jpg
│ ├── Monster
│ │ ├── monster2.mtl
│ │ ├── monster.js
│ │ ├── monster.mtl
│ │ ├── monster.obj
│ │ ├── monster-orig.js
│ │ └── textures
│ │ ├── difz.jpg
│ │ ├── normalz.jpg
│ │ └── spec.jpg
│ ├── Nissan GTR OBJ
│ │ ├── Images
│ │ │ ├── car.jpg
│ │ │ ├── Thumbs.db
│ │ │ └── wheels.jpg
│ │ └── Objects
│ │ ├── NissanOBJ1.js
│ │ ├── NissanOBJ1.mtl
│ │ ├── NissanOBJ1.obj
│ │ ├── NissanOBJ.js
│ │ ├── NissanOBJ.mtl
│ │ └── NissanOBJ.obj
│ ├── Nova Car
│ │ ├── NovaCar.js
│ │ ├── NovaCar.mtl
│ │ ├── NovaCar.obj
│ │ ├── NovaCarUV.jpg
│ │ ├── Nova Car UV.tga
│ │ ├── Nova Car.x
│ │ ├── TireUV.jpg
│ │ └── TireUV.tga
│ ├── robot_cartoon_02
│ │ ├── cadran2-fondCouleur_de_surface.jpg
│ │ ├── cadran3-fondCouleur_de_surface.jpg
│ │ ├── fond_cadran_boitierCouleur_de_surface.jpg
│ │ ├── grilleDCouleur_de_surface.jpg
│ │ ├── grilleGCouleur_de_surface.jpg
│ │ ├── paroleCouleur_de_surface.jpg
│ │ └── robot_cartoon_02.dae
│ ├── Route66obj
│ │ ├── Route66SignLge.jpg
│ │ ├── RT66sign.js
│ │ ├── RT66sign.mtl
│ │ └── RT66sign.obj
│ ├── SunglassCar
│ │ ├── base_pretextured.js
│ │ ├── base_pretextured.mtl
│ │ └── base_pretextured.obj
│ └── viper
│ ├── viper.js
│ ├── viper.mtl
│ ├── viper.obj
│ └── viper.png
├── README.md
├── sim
│ ├── animation.js
│ ├── ColladaLoader.js
│ ├── interaction.js
│ ├── interpolator.js
│ ├── sim.js
│ ├── utils.js
│ └── webGLDetector.js
├── sounds
│ ├── 18620__walter-odington__car-revving.aif
│ ├── 50910__rutgermuller__in-car-driving.wav
│ ├── 71740__audible-edge__nissan-maxima-burnout-04-25-2009.wav
│ ├── 95078__sandyrb__the-crash.wav
│ ├── bounce.wav
│ ├── burnout-trimmed.wav
│ ├── crash-trimmed.wav
│ ├── rev-short.wav
│ └── rev-trimmed.wav
└── videos
├── Anniversary.ogv
├── Floating Head.ogv
├── Moon_transit_of_sun_large.ogg
├── Motus et bouche cousue.ogv
├── Pentagon_News_Sample.ogg
└── Specto.ogv
51 directories, 449 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论