随笔分类 -  BabylonJS学习随笔

初学WebGL引擎-BabylonJS：第8篇-阴影网格与活动
摘要：【playground】-shadows（阴影） 源码 var createScene = function () { var scene = new BABYLON.Scene(engine); // Setup environment var camera = new BABYLON.ArcRo 阅读全文
posted @ 2016-02-17 21:18 思绪丶荡起回忆的 阅读(1118) 评论(0) 推荐(0)
初学WebGL引擎-BabylonJS：第7篇-粒子效果，环境与高处的地图
摘要：【playground】-particles（粒子效果）源码var createScene = function () { var scene = new BABYLON.Scene(engine); // Setup environment var light0 = new BA... 阅读全文
posted @ 2016-01-24 15:12 思绪丶荡起回忆的 阅读(1829) 评论(0) 推荐(0)
初学WebGL引擎-BabylonJS：第6篇-碰撞交错与挑选
摘要：【playground】-collisions（碰撞）先贴官方源码（机器翻译版本）var createScene = function () { var scene = new BABYLON.Scene(engine); // Lights var light0 = new BA... 阅读全文
posted @ 2016-01-24 09:46 思绪丶荡起回忆的 阅读(1970) 评论(0) 推荐(0)
初学WebGL引擎-BabylonJS：第5篇-学习挑战：草地上桃心蜡烛
摘要：草地上的蜡烛前1-9个案例我们分别学习了场景，相机，纹理，方向，灯关与动画等内容本次结合这些内容准备完成一个摆在草地上的蜡烛我先画一个大致的效果图。效果图其他要求1.时间为晚上2.有5-10只萤火虫按各种轨道飞行3.桃心处实现蜡烛光源4.远处实现月亮5.右下角形成字日期2016-01-22，立体开始... 阅读全文
posted @ 2016-01-22 16:19 思绪丶荡起回忆的 阅读(1234) 评论(0) 推荐(1)
初学WebGL引擎-BabylonJS：第4篇-灯光动画与丛林场景
摘要：前几章接触的案例都是接近静态的，由这张开始开始接触大量动态的内容，包括球体灯光，变动的形体，以及一个虚拟的丛林场景下章我会试着结合1-9案例的内容做出一个demo出来【playground】-lights（灯光）源码var createScene = function () { var sce... 阅读全文
posted @ 2016-01-22 10:06 思绪丶荡起回忆的 阅读(2945) 评论(0) 推荐(0)
初学WebGL引擎-BabylonJS：第3篇-方向纹理与相机
摘要：【playground】-rotatuib abd scaling（方向）源码var createScene = function () { var scene = new BABYLON.Scene(engine); var camera = new BABYLON.ArcRotate... 阅读全文
posted @ 2016-01-22 08:52 思绪丶荡起回忆的 阅读(2572) 评论(0) 推荐(1)
初学WebGL引擎-BabylonJS：第2篇-基础模型体验
摘要：此次学习进度会比之前快很多，有了合适的学习方法后也就会有更多的乐趣产生了。 接上一章代码 上章代码 Babylon - Getting Started 运行结果【playground】-basic scene（基础场景）本部分同上述代码相同。跳过【pl... 阅读全文
posted @ 2016-01-21 21:48 思绪丶荡起回忆的 阅读(3863) 评论(0) 推荐(0)
初学WebGL引擎-BabylonJS：第1篇-基础构造
摘要：继续上篇随笔 步骤如下： 一：http://www.babylonjs.com/中下载源码。获取其中babylon.2.2.js。建立gulp项目 二：参见http://doc.babylonjs.com/部分，建立第一个demo 以下是个人完成后的demo分享 Babylon - ... 阅读全文
posted @ 2016-01-21 21:25 思绪丶荡起回忆的 阅读(2806) 评论(0) 推荐(0)
初学WebGL引擎-BabylonJS：第0篇-起因
摘要：学习WebGL的BabylonJS是在一次偶然的情况下进行的，主要为了满足个人对全栈开发的欲望。 言归正传，下面开始简单说说相关过程 WebGL是什么？WebGL是基于html的客户端页面技术，基于html5的canvas（画布）展开的实施渲染。可完成游戏开发，场景演示等很多效果 为什么不选择th... 阅读全文
posted @ 2016-01-21 21:08 思绪丶荡起回忆的 阅读(2011) 评论(0) 推荐(1)