Upgrade to Pro — share decks privately, control downloads, hide ads and more …

3D Voxel Worlds with voxel.js

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

3D Voxel Worlds with voxel.js

Avatar for vladikoff

vladikoff

September 10, 2013

More Decks by vladikoff

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

Other Decks in Technology

See All in Technology
20分でわかるセキュアAPI
Avatar for nwiizo nwiizo
2
270
Bits AI を制するものは Datadog を制す / The player that controls  Bits AI, controls Datadog
Avatar for 株式会社カミナシ kaminashi
0
100
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
23
430k
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
Avatar for Etsuji Nakai enakai00
7
4.4k
トヨタ⽣産⽅式(TPS)⼊⾨
Avatar for Recruit recruitengineers
PRO
3
820
LanceDB入門
Avatar for Tomoko Uchida mocobeta
7
500
Sets in Go
Avatar for Luciano Ramalho ramalho
1
660
ラジオの科学
Avatar for Frieve-A frievea
0
310
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
Avatar for SMS tech sms_tech
1
270
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
MulticaとPi Coding Agentで、小規模OSSを30本同時運用した流れ
Avatar for eiei114 eiei114
0
110
Genie Codeハンズオン基礎編
Avatar for Takaaki Yayoi taka_aki
1
120

Featured

See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
250
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.5k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
370
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
200
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
380
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.7k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
170

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