Wonderland Engine
Wonderland Engine
  • 74
  • 94 605
I Used JavaScript to Create a Web VR Game!
wonderlandengine.com/downloads/?UA-cam&
How To Create Whack-A-Mole VR Web Game, using JavaScript & Wonderland Engine. This video teaches you how to set up a 3D scene with physics and a whack-a-mole game mechanic.
If you want to start your GameDev journey, then come join us, and download Wonderland Engine from the link above!
Wonderland Engine is a game engine, great for web developers and XR developers, whether coming from Unity, Unreal Engine, or Godot.
--------------------------------------------------------------------------------------------------------
Follow the white rabbit 🐇
• Twitter - WebXREngine
• Discord - discord.wonderlandengine.com
• Subscribe! - @WonderlandEngine
------------------------------------------------------------------------------------------------------------
Chapters:
00:00 - Intro
00:11 - Wonderland Engine
00:42 - Placeholders
01:03 - JavaScript Coding in WL
01:38 - Mole Up
01:59 - Mole Down
02:32 - The Hammer
03:00 - Score
03:17 - High Score
03:21 - Floating Score
03:37 - Game Reset
03:49 - Beautify & 3D Modeling
04:14 - Final Result
05:05 - Bonus (WebXR Multiplatform)
05:28 - Join Wonderland Engine
#gamedev #gameengine #webxr #webgl #3dgames #indiegame #javascript #typescript #gamedevelopment #webgamedev #webgamedevelopment #wonderlandengine #wonderland
Переглядів: 164

Відео

Game Dev with OpenAI GPT o1
Переглядів 3,6 тис.Місяць тому
The new o1 model is the most powerful reasoning model yet. Ready to see how the future of game development looks with AI? If you want to start your GameDev journey, then come join us, and download Wonderland Engine from: wonderlandengine.com/downloads/ Wonderland Engine is a game engine, great for web developers and XR developers, whether coming from Unity, Unreal Engine, or Godot. Follow the w...
Wonderland Engine in 100 Seconds
Переглядів 4,4 тис.4 місяці тому
Build your first web game in 100 seconds with Wonderland Engine. It is a powerful tool that simplifies the way developers create 3D and WebXR (VR/AR) games and apps, with the JavaScript or TypeScript programming language. Subscribe to the amazing @Fireship to follow the original video series. Huge thanks go out to Jeff for making this video possible with vocalize.cloud. #gamedev #programming #1...
Can GPT-4o Create 3D Games?!
Переглядів 3,5 тис.5 місяців тому
Can AI / Chat GPT-4o replace game developers? That's what we will test here using Wonderland Engine. If you want to start your GameDev journey, then come join us, and download Wonderland Engine from: wonderlandengine.com/downloads/ Project source code: *Github Link* Wonderland Engine is a game engine, great for web developers and XR developers, whether coming from Unity, Unreal Engine, or Godot...
Power Fruits - Gamedev.js Jam 2024
Переглядів 1546 місяців тому
"Power Fruits" is a Blox Fruit-inspired third-person brawler game about collecting powerful fruit. It was built in two weeks for the Gamedev.js Jam 2024 by Timmy "Sorskoot" Kokke, Nithin Steven F, Timothy Hale, and Jonathan Hale. Download Wonderland Engine for free to build your own web games today! wonderlandengine.com/downloads
I Created Vegetable Ninja in VR, To Support Vegetables!
Переглядів 3966 місяців тому
I developed Vegetable Ninja in VR to support underappreciated vegetables! With the Wonderland Engine, you can create your own amazing webXR experiences that function on any web browser, including desktop, mobile, AR, and VR! If you want to start your GameDev journey and create your own 3D web games, then come join us, and download Wonderland Engine from: wonderlandengine.com/downloads/ Wonderla...
Wonderland Engine 1.2.0 - Release Overview
Переглядів 1,5 тис.6 місяців тому
We just released Wonderland Engine 1.2.0, the fastest 3D engine for web and WebXR. Find the full changelog here: wonderlandengine.com/news/release-1.2.0/ Wonderland Engine provides efficient developer tools to build optimized 3D applications for mobile, desktop, AR, and VR. All examples are open-source on GitHub: github.com/WonderlandEngine/wonderland-engine-examples Download Wonderland Engine ...
Wonderland Engine Community Reel 2023 (WebXR)
Переглядів 8457 місяців тому
Wonderland Engine Community Reel 2023 (WebXR)
WebXR Golf - Game Dev Course - Part 4 (End Screen)
Переглядів 1787 місяців тому
WebXR Golf - Game Dev Course - Part 4 (End Screen)
Wonderland Editor (2022) - Workflow Demonstration
Переглядів 2407 місяців тому
Wonderland Editor (2022) - Workflow Demonstration
WebXR Golf - Game Dev Course - Part 3 (Replay & Respawn)
Переглядів 1627 місяців тому
WebXR Golf - Game Dev Course - Part 3 (Replay & Respawn)
I Made Angry Birds, But You're the Bird!
Переглядів 1,6 тис.8 місяців тому
I Made Angry Birds, But You're the Bird!
WebXR Golf - Game Dev Course - Part 2 (Environment & Putt)
Переглядів 3569 місяців тому
WebXR Golf - Game Dev Course - Part 2 (Environment & Putt)
WebXR Golf - Game Dev Course - Part 1 (Setup & Ball)
Переглядів 7839 місяців тому
WebXR Golf - Game Dev Course - Part 1 (Setup & Ball)
WebAR Development on Steroids - Full WebinAR
Переглядів 77811 місяців тому
WebAR Development on Steroids - Full WebinAR
Mind Blowing Experiences to Create in VR!
Переглядів 408Рік тому
Mind Blowing Experiences to Create in VR!
Mixamo to Wonderland Engine
Переглядів 703Рік тому
Mixamo to Wonderland Engine
Switching from Unity to Wonderland Engine
Переглядів 2,6 тис.Рік тому
Switching from Unity to Wonderland Engine
Building Skydomes For Wonderland Engine | Ft. Sorskoot
Переглядів 270Рік тому
Building Skydomes For Wonderland Engine | Ft. Sorskoot
Publish Your WebXR Game to HeyVR
Переглядів 421Рік тому
Publish Your WebXR Game to HeyVR
VR Fish Simulator Devlog!
Переглядів 314Рік тому
VR Fish Simulator Devlog!
Enhance Your VR Game with Light Baking
Переглядів 2 тис.Рік тому
Enhance Your VR Game with Light Baking
Project Day Challenge: Creating a VR Lightsaber!
Переглядів 409Рік тому
Project Day Challenge: Creating a VR Lightsaber!
Pacman - Now in Virtual Reality!
Переглядів 1,6 тис.Рік тому
Pacman - Now in Virtual Reality!
WebXR Dev-Stream Highlights | Cozy Winter Stream with @Sorskoot
Переглядів 609Рік тому
WebXR Dev-Stream Highlights | Cozy Winter Stream with @Sorskoot
Upgrading Chrome Dino to WebXR!
Переглядів 606Рік тому
Upgrading Chrome Dino to WebXR!
Building a VR Cinema App in 150 Seconds
Переглядів 1,5 тис.Рік тому
Building a VR Cinema App in 150 Seconds
The Techniques Behind Boulderworld | Ft. Florian Isikci
Переглядів 2152 роки тому
The Techniques Behind Boulderworld | Ft. Florian Isikci
Hiding the Secret of the Metaverse in a WebXR Vault
Переглядів 3542 роки тому
Hiding the Secret of the Metaverse in a WebXR Vault
Throwing Physics in Wonderland Engine | Ft. Yinch Yeap
Переглядів 4862 роки тому
Throwing Physics in Wonderland Engine | Ft. Yinch Yeap

КОМЕНТАРІ

  • @salihawouda2992
    @salihawouda2992 22 дні тому

    The metaverse 🥽 is the future!

  • @PdWOLFG4NG
    @PdWOLFG4NG Місяць тому

    Toxic relationship, funny😂

  • @LoafSimulation
    @LoafSimulation Місяць тому

    Nice video about VR mole in a custom engine

  • @teadoffgaming6164
    @teadoffgaming6164 Місяць тому

    I still have no money😞😞😢

  • @AbuYonathan
    @AbuYonathan Місяць тому

    Best video of the week.

  • @hldfgjsjbd
    @hldfgjsjbd Місяць тому

    I have no idea why and how this unknown engine can be better than Unity, not to say Unreal, in a real gamedev scenario. Anyone?

    • @SquareysVids
      @SquareysVids Місяць тому

      Yes, it's specifically made for web games!

  • @pifopifo1000
    @pifopifo1000 Місяць тому

    Honestly, I think this video would've been way better if you used the Unity engine or at least Godot engine as a showcase, since ChatGPT knows those engines way better than this one. Not even me knew about this engines existence before this video, and I know of Bevy, Unigine or Hazel which are also small indie engine mostly.

  • @mrmooshon5858
    @mrmooshon5858 Місяць тому

    OpenAI, we want a new naming scheme for our models, lets call it the o series! People: "gpt-o1". Also o1 doesn't have internet access, if you want it to read documentation, just give it the entire documentation. And remember to try to get as much as you can from one prompt, so along side the documentation also tell it/ask it something

  • @homematvej
    @homematvej Місяць тому

    So basically Sonet 3.5 but worse at following instructions

  • @emons87
    @emons87 Місяць тому

    I'm building with o1 and it is a LOT better at coding than 4o. Attachments or web browsing doesn't work with it, so everything has to be pasted into the prompt box.

  • @j4yd32
    @j4yd32 Місяць тому

    jokes on you, this whole video was made by ai

  • @rostyslavredchyts8086
    @rostyslavredchyts8086 Місяць тому

    5:10 According to Sam Altman, there are 5 stages of AI with us being on a 2nd stage with o1 (reasoning agents) and the next one being autonomous agents. He also said that we are already close to this stage

  • @RapidRealityRJC
    @RapidRealityRJC Місяць тому

    AI voice

  • @lowner1053
    @lowner1053 Місяць тому

    this is the cooler ad ive seen

  • @caseyarmstrong7113
    @caseyarmstrong7113 Місяць тому

    Very cool! Was wondering about o1 preview + webxr tech stacks.

  • @rifz42
    @rifz42 Місяць тому

    No music in tutorials, it's the rule! otherwise cool video!!

  • @hayyanrazagamedev
    @hayyanrazagamedev 2 місяці тому

    That was very helpful ❤

  • @HolaAmigohehe
    @HolaAmigohehe 3 місяці тому

    Wonderland engine gonna blowup soon🔥, keep it up

  • @SargentPDA
    @SargentPDA 3 місяці тому

    Damn dude, I think Fireship caught Ligma. He isn't sounding so good

  • @Atemosta
    @Atemosta 3 місяці тому

    insane tutorial!!! going to go through it step-by-step to learn more

  • @Atemosta
    @Atemosta 3 місяці тому

    Super entertaining video and learned a lot about Wonderland Engine in this short 6 minutes, ty! Would you be able to post the code snippets in the description after the video?

  • @catfree
    @catfree 3 місяці тому

    What makes this stand out from Godot and Cocos Creator?

    • @SquareysVids
      @SquareysVids 3 місяці тому

      Extremely good optimizations for web!

  • @EngineerNick
    @EngineerNick 3 місяці тому

    This is wrong. You should pay fireship if you want him to do a promo.

    • @WonderlandEngine
      @WonderlandEngine 3 місяці тому

      We did pay for his service that lets us use his voice, see our comment above and the video description.

    • @TheRealFallingFist
      @TheRealFallingFist 3 місяці тому

      Jfc Nick, no one wants an engineer that jumps to conclusions like this lol

  • @hamdhiharis6760
    @hamdhiharis6760 3 місяці тому

    wait its not fireship

  • @klegasstift1768
    @klegasstift1768 3 місяці тому

    fireship at home:

  • @sharptile7628
    @sharptile7628 3 місяці тому

    im curious: does the VR support more than just the quest? and what if i just want to make a regular PC game without VR? ive looked for tutorials for non-VR games and i couldnt find any

    • @WonderlandEngine
      @WonderlandEngine 3 місяці тому

      Yes, many many devices! Find a comprehensive list here: wonderlandengine.com/about/webxr/#supported-devices The ChatGPT video on our channel is non-VR, check that out!

    • @sharptile7628
      @sharptile7628 3 місяці тому

      @@WonderlandEngine oh nice! thanks! do you have any more videos about non-VR game making?

  • @MichaelvonZweigbergk
    @MichaelvonZweigbergk 3 місяці тому

    Nice

  • @wandenreich770
    @wandenreich770 3 місяці тому

    Hi mom😂

  • @g43s
    @g43s 3 місяці тому

    Is this legally narrated by the Fireship guy?

    • @WonderlandEngine
      @WonderlandEngine 3 місяці тому

      We used the service he offers that clones his voice via AI.

  • @Thialeth
    @Thialeth 4 місяці тому

    Fireship? More like Waterplane

  • @WonderlandEngine
    @WonderlandEngine 4 місяці тому

    👉 Go subscribe to www.youtube.com/@Fireship right now! We used vocalize.cloud, Jeff's service to clone his voice. We checked with Jeff from Fireship to ensure he's ok with us publishing this video.

  • @cameronball3998
    @cameronball3998 4 місяці тому

    this is so cool. looks someone built this???

  • @JC-jz6rx
    @JC-jz6rx 4 місяці тому

    Since this video seems to be gaining traction. Guys, watch to the end. And stop defending fire ship if you clearly don’t know anything about it. Fire ship started a side hustle business where you can literally buy the rights to use his voice. Not only that but this person went through the trouble of giving fire ship and his voice clone service a shoutout, which they didn’t need to do. Put your pitchforks down. The attention span of a gen Alpha. Don’t raise a pitchfork before watching to the end.

    • @randoguy7488
      @randoguy7488 3 місяці тому

      They might have paid for the usage of his voice but they directly ripped off the thumbnail, title, intro, video style, video script and video editing/animations.

    • @JC-jz6rx
      @JC-jz6rx 3 місяці тому

      @@randoguy7488 it’s UA-cam. There’s not a single channel that doesn’t A B test and see what gets clicks. An add agency wouldn’t see a competitor using a specific format that clearly works and not use that same format to boost their own sales.

    • @StiekemeHenk
      @StiekemeHenk 3 місяці тому

      @@randoguy7488 "We checked with Jeff from Fireship to ensure he's ok with us publishing this video." Seems like Fireship is alright with it.

    • @benjidaniel5595
      @benjidaniel5595 3 місяці тому

      My journey started with writing a slightly snarky comment about the use of Jeff’s voice, continuing to watch video, thinking actually this product is pretty cool, then got to end and deleted my comment 😅

  • @zanzaraloggan3713
    @zanzaraloggan3713 4 місяці тому

    wait, not fireship???

    • @WonderlandEngine
      @WonderlandEngine 4 місяці тому

      Not Fireship! We used his "side hustle" vocalize.cloud to clone his voice, see his video about it here: ua-cam.com/video/A4_TFHzqAAg/v-deo.html

  • @niceEli
    @niceEli 4 місяці тому

    Nah KAPLAY still better

  • @zeusthundr6876
    @zeusthundr6876 4 місяці тому

    Fireship Voice AI is too good, WTF

  • @SadSmileGames
    @SadSmileGames 4 місяці тому

    Stealing someones voice is kinda fucked up

    • @DevilTheMan
      @DevilTheMan 4 місяці тому

      They legally bought it

    • @AnTiCamPr
      @AnTiCamPr 4 місяці тому

      ​@@DevilTheMansource? I highly doubt it otherwise they would have just paid Fireship to voice it.

    • @WonderlandEngine
      @WonderlandEngine 4 місяці тому

      We used his "side hustle" vocalize.cloud to clone his voice, see his video about it here: ua-cam.com/video/A4_TFHzqAAg/v-deo.html

    • @DevilTheMan
      @DevilTheMan 4 місяці тому

      @@AnTiCamPr check the video description

    • @AnTiCamPr
      @AnTiCamPr 4 місяці тому

      @@DevilTheMan I stand corrected, guess I should have checked that first

  • @kepkep_kep
    @kepkep_kep 4 місяці тому

    As cool as the engine looks I don't think essentially stealing someone's identity is the right way to advertise it, what's next gonna steal your users data? EDIT: I didn't watch the very last 10 seconds but this is still a dumb way to advertise

    • @WonderlandEngine
      @WonderlandEngine 4 місяці тому

      We used his "side hustle" vocalize.cloud to clone his voice, see his video about it here: ua-cam.com/video/A4_TFHzqAAg/v-deo.html And don't worry, we did check with Jeff whether he's ok with us publishing it.

    • @kepkep_kep
      @kepkep_kep 4 місяці тому

      ​@@WonderlandEngine My bad, I'd imagine there's many people like me who didn't watch the video till the very very end thinking something is up and just left, seems like a terrible way to advertise

  • @Yuki-rh1ie
    @Yuki-rh1ie 4 місяці тому

    the actual engine is amazin but y u gotta ruin it wit this scammy ahh ai voice

  • @muzan2367
    @muzan2367 4 місяці тому

    Ahahaha.

  • @MrNobodyX3
    @MrNobodyX3 4 місяці тому

    This has to be the worst way you could ever promote your service slash software or whatever the hell it is. You have pretty much killed everything you have worked for. Congratulations. Now if it was inspired by him and paid a homage to fireship, it would be fine, but this is literally trying to scam people.

    • @DevilTheMan
      @DevilTheMan 4 місяці тому

      But they did

    • @JC-jz6rx
      @JC-jz6rx 4 місяці тому

      Did you even see the whole video ? They even promoted fire ships voice clone side hustle driving more money to fire ship.

    • @WonderlandEngine
      @WonderlandEngine 4 місяці тому

      Find Fireships videos on his "side hustle" vocalize.cloud that allows people to use his voice here: ua-cam.com/video/A4_TFHzqAAg/v-deo.html and ua-cam.com/video/4_MDP6TcHwU/v-deo.html. And don't worry, we did check with Jeff whether he's ok with us publishing it.

    • @randoguy7488
      @randoguy7488 3 місяці тому

      @@JC-jz6rx I didn't, because a better result could be achieved with paying Fireship for a sponsored video directly, instead of ripping off his style, thumbnail, intro, video editing and using his voice. it's in the same ballpark as DL scams where "politicians aren't allowed to talk about this business opportunity"

  • @harshnj
    @harshnj 4 місяці тому

    Fireship? Hello?

  • @ThePouetman
    @ThePouetman 4 місяці тому

    This is great, did you guys use his voice generator service thingy?

    • @WonderlandEngine
      @WonderlandEngine 4 місяці тому

      We did! You can find Jeff's voice cloning service at vocalize.cloud/, it works like magic!

    • @ThePouetman
      @ThePouetman 4 місяці тому

      @@WonderlandEngine haha he finally got a user then, good for you!

  • @11vag
    @11vag 4 місяці тому

    Not impressed. Couldn't you come up with your own identity instead of faking it? cheap.

  • @Adam-cn5ib
    @Adam-cn5ib 4 місяці тому

    Thanks Fireship?

    • @childfs6865
      @childfs6865 3 місяці тому

      Fireland (Wondership?)... Engine?

    • @FakhriMrabet
      @FakhriMrabet 3 місяці тому

      I had the same doubt until 'hi mom' and wow the end, doubt in place XD

    • @Sirbozo
      @Sirbozo Місяць тому

      LOL

  • @SharoVideos
    @SharoVideos 4 місяці тому

    It's all fine except that the video is not 100 seconds.

    • @CatwaiiYT
      @CatwaiiYT 4 місяці тому

      yeah, maybe it's the style of the video ? I didn't realize it wasn't 100 seconds until you pointed it

    • @SquareysVids
      @SquareysVids 4 місяці тому

      Only every second second counts as a second, that's why it's called a "second".

  • @AndraDigitalOnline
    @AndraDigitalOnline 4 місяці тому

    Is there cross compatibility for? elements from other engines like unreal?

    • @WonderlandEngine
      @WonderlandEngine 4 місяці тому

      Unfortunately no, the engines are too different to achieve automatic project ports (maybe some day with AI?). If you know Unity, there is a guide online for Unity developers at least.

  • @kvolikkorozkov
    @kvolikkorozkov 4 місяці тому

    it's... an interesting presentation, I like it though I'd personally prefer something I haven't seen before, going experimental for a while wouldn't be bad to give the project some of its own personality, the jokes are fine :p Jeff's voice sometimes sounds glitchy and offputting because if the not-so-human resemblance, I feel doing the voices yourself wouldn't be a bad idea, but I understand not having the confidence to do so the engine itself sounds rather interesting and would deffos give a try .3.

  • @JuuzouRCS
    @JuuzouRCS 4 місяці тому

    Jeff is the only AGI I believe in!

  • @itsJDarts
    @itsJDarts 4 місяці тому

    Great format for this