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

3D Voxel Worlds with voxel.js

vladikoff
September 10, 2013
Technology
1
1.9k

3D Voxel Worlds with voxel.js

vladikoff

September 10, 2013
Tweet

More Decks by vladikoff

See All by vladikoff
The state of end-to-end testing for modern web apps
vladikoff
0
68
SmashingConf 2020
vladikoff
0
18
dotJS 2019 - Into WebAssembly
vladikoff
0
19
3D + the Web Platform
vladikoff
0
380
7 years of three.js
vladikoff
0
140
node.js @ GA 2015
vladikoff
0
440
JS Testing Stack - Full Stack Toronto 2014
vladikoff
1
810
Node.JS Intro - General Assembly
vladikoff
3
470
CSS Preprocessor Workflow with Grunt
vladikoff
3
2.7k

Other Decks in Technology

See All in Technology
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
明日からできる！技術的負債の返済を加速するための実践ガイド～『ホットペッパービューティー』の事例をもとに～
recruitengineers
PRO
3
100
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
550
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
Datadog APM におけるトレース収集の流れ及び Retention Filters のはなし / datadog-apm-trace-retention-filters
k6s4i53rx
0
320
All you need to know about InnoDB Primary Keys
lefred
0
120
君も受託系GISエンジニアにならないか
sudataka
2
370
AWSでRAGを実現する上で感じた3つの大事なこと
ymae
3
1k
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
プロセス改善による品質向上事例
tomasagi
1
1.6k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
家電アプリ共通PF "Linova" のAPI利用とPostman活用事例ご紹介
yukiogawa
0
130

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Navigating Team Friction
lara
183
15k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building Adaptive Systems
keathley
40
2.4k
Bash Introduction
62gerente
610
210k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k

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