$30 off During Our Annual Pro Sale. View Details »

3D Voxel Worlds with voxel.js

Avatar for vladikoff vladikoff
September 10, 2013
Technology
1
2k

3D Voxel Worlds with voxel.js

Avatar for vladikoff

vladikoff

September 10, 2013
Tweet

More Decks by vladikoff

See All by vladikoff
The state of end-to-end testing for modern web apps
Avatar for vladikoff vladikoff
0
82
SmashingConf 2020
Avatar for vladikoff vladikoff
0
33
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
24
3D + the Web Platform
Avatar for vladikoff vladikoff
0
420
7 years of three.js
Avatar for vladikoff vladikoff
0
150
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
460
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
830
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
490
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.7k

Other Decks in Technology

See All in Technology
Microsoft Agent Frameworkの可観測性
Avatar for tomokusaba tomokusaba
1
110
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
9.9k
さくらのクラウド開発ふりかえり2025
Avatar for kazeburo kazeburo
2
950
ソフトウェアエンジニアとAIエンジニアの役割分担についてのある事例
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
210
100以上の新規コネクタ提供を可能にしたアーキテクチャ
Avatar for yu-kioo ooyukioo
0
250
Amazon Quick Suite で始める手軽な AI エージェント
Avatar for shimy shimy
1
1.8k
たまに起きる外部サービスの障害に備えたり備えなかったりする話
Avatar for Sohei Iwahori egmc
0
400
New Relic 1 年生の振り返りと Cloud Cost Intelligence について #NRUG
Avatar for PLAY, inc. play_inc
0
220
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
Avatar for watahani watahani
0
160
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
Avatar for Tomohiro Hashidate joker1007
19
7.5k
まだ間に合う！ Agentic AI on AWSの現在地をやさしく一挙おさらい
Avatar for みのるん minorun365
17
2.6k
1人1サービス開発しているチームでのClaudeCodeの使い方
Avatar for おーしろ noayaoshiro
2
580

Featured

See All Featured
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
0
250
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
HDC tutorial
Avatar for Michiel Stock michielstock
0
260
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
30
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
89
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
2
3.8k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k

Transcript

  1. 3D Worlds with voxel.js Vlad Filippov

  2. @vladikoff

  3. Rendering voxel worlds in web browsers

  4. github.com/voxel

  5. voxel?

  6. voxels!

  7. None

  8. Explore 3D worlds! - blockplot.com

  9. Explore GitHub in 3D - achiveroom.net

  10. voxelbuilder.com

  11. voxel.js plugins & components

  12. More examples at voxeljs.com

  13. Getting Started - creator.voxeljs.com

  14. Getting Started - Your Game! ⬢ git clone http://github.com/maxogden/voxel-hello-world ⬢

    cd voxel-hello-world ⬢ npm install ⬢ npm start ⬢ open your browser on http://localhost:8080

  15. Hello Voxel World!

  16. voxel-hello-world

  17. package.json

  18. beefy test.js:bundle.js browserify test.js > bundle.js

  19. None
  20. None

  21. voxel events

  22. voxel with three.js

  23. voxel.js & jQuery

  24. Into the real world!

  25. Into virtual reality with voxel-oculus Ship Model by @bigfootbro at

    http://www.planetminecraft.com/project/the-ray--a-minecraft-cruise-ship-finished-at-sea/

  26. Thank You! voxeljs.com