Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Babylon.js + TypeScript で 簡単 3D プログラミング

10,427 views

Published on

2016-01-30「富山合同勉強会2016」 ( http://toyama-eng.connpass.com/event/24840/ ) でのライトニングトーク。

Published in: Software
  • Be the first to comment

  • Be the first to like this

Babylon.js + TypeScript で 簡単 3D プログラミング

  1. 1. • • • http://blog.shos.info • •
  2. 2. • • http://www.slideshare.net/Fujiwo/20140125-3-d-cer-typescript-webgl • • http://www2.shos.info/nbody/nbody.html?number=10 • http://www2.shos.info/nbody/nbody3d.html?number=10 • http://www2.shos.info/randomtest/
  3. 3. • • http://www.babylonjs.com •
  4. 4.
  5. 5. • • • •
  6. 6. • • • http://www.babylonjs.com/Demos/Physics/
  7. 7. • http://www.babylonjs.com/Demos/Espilit/ • http://www.babylonjs.com/Demos/WCafe • http://www.babylonjs.com/Demos/HillValley/ • http://www.babylonjs.com/Demos/MANSION/
  8. 8. • • http://doc.babylonjs.com • • http://doc.babylonjs.com/tutorials
  9. 9. class MyScene { private engine: BABYLON.Engine; public constructor(canvas: HTMLCanvasElement) { this.engine = new BABYLON.Engine(canvas, true); window.addEventListener("resize", () => this.engine.resize()); } } var MyScene = (function () { function MyScene(canvas) { this.engine = new BABYLON.Engine(canvas, true); var _this = this; window.addEventListener("resize", function () { return _this.engine.resize(); }); } return MyScene; })();
  10. 10. 1. 2. • • 3.
  11. 11. • • • https://github.com/BabylonJS/Babylon.js/tree/mast er/Exporters/Blender • • https://blogs.msdn.microsoft.com/eternalcoding/2013/06 /28/babylon-js-how-to-load-a-babylon-file-produced-with- blender/
  12. 12. • • • http://www.blender.org • • https://blender.jp • • http://www.blender3d.biz
  13. 13. • • http://createlier.sitemix.jp/blog/free- 3d-model-60sites/ • • http://www.scifi3d.com
  14. 14. 1. 2. 3. 4.
  15. 15. http://hokurikucomcamp.connpass.com/event/23628/

×