Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
Autumn in Year 5 - @721.08
Three Stars Random | Recent Posts | Guild Recents
News: :defrag: Lo and Behold :defrag: Guild Events: weekly zine theme 12: television

+  MelonLand Forum
|-+  World Building
| |-+  ☑︎ ∙ World & Game Materials
| | |-+  MelonEngine - Mini Three.js Game Engine


« previous next »
Pages: [1] Print Embed
Author Topic: MelonEngine - Mini Three.js Game Engine  (Read 9717 times)
Melooon
Hero Member ⚓︎
*****
View Profile WWWArt


So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
Wavy Shoulder-Length Hair with BangsTop HatBug!You're a Star!Flinstone VitaminI got robbed by Dan Q on Melonland!
« on: Autumn in Year 0 @691 » Embed

This is a placeholder topic! At some point I will write a more formal tutorial!

MelonEngine is a javascript based wrapper for Three.js, in short it makes it super easy for you to make virtual worlds with JavaScript. It works well on desktop and mobile and supports full browser viewing!

Its a little more complex than X3D, however it lets you make much more advanced worlds. I suggest you get comfortable with JavaScript before trying HOWEVER if you want to start exploring the code yourself and trying to mess with it you can find a sample project here that gives you a virtual art gallery.

See a live demo here: https://melonking906.github.io/MelonEngine-Gallery/
See the sample project here: https://github.com/Melonking906/MelonEngine-Gallery

« Last Edit: Spring in Year 4 @805 by Melooon » Logged


everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap: black n cyan yappin kittayalien yappin kittayHave a chillpillMove it, football head!black n orange yappin kittayRed Tulip100 coinsLurby<3eyntivemds pet fishGreen partyhatPlankMaya's Magatama
ellievoyyd
Jr. Member ⚓︎
**
View Profile WWW


Webmistress of Cybergrunge.net - Futa - she/her
⛺︎ My Room

Artifacts:
First 1000 Members!Joined 2022!
« Reply #1 on: Winter in Year 1 @262 » Embed

 :omg: :omg: :omg: :omg:

this is amazing!!! its so fast!!!!

wow... im gonna try to make something with this maybe...

i had previously only really used p5.js and blend4web, both of which are super limited and can be very slow...

Logged

== Official WebMistress of Cybergrunge.net ==
purblepale
Casual Poster
*
View Profile WWWArt


⛺︎ My Room

Guild Memberships:
Artifacts:
Joined 2024!Cool Dude Award
« Reply #2 on: Spring in Year 4 @717 » Embed

The sample doesn't appear to be working, is the link correct? It says that there isn't a github page for that when I use the other link, too

Logged
Melooon
Hero Member ⚓︎
*****
View Profile WWWArt


So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
Wavy Shoulder-Length Hair with BangsTop HatBug!You're a Star!Flinstone VitaminI got robbed by Dan Q on Melonland!
« Reply #3 on: Spring in Year 4 @808 » Embed

sample doesn't appear to be working, is the link correct?
Fixed! It looks like it got bugged out by the emote switch over!

I meant to do a more detailed write up here a long time ago, but I've never really returned to it. Largely because it requires really quite a high level of JavaScript knowledge - to that point that if you have the knowledge, chances are you're the kind of person who can figure out how to use this based on the source code alone :ziped:

That said if you have any questions when you're snooping it I'd be happy to answer them!

Logged


everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap: black n cyan yappin kittayalien yappin kittayHave a chillpillMove it, football head!black n orange yappin kittayRed Tulip100 coinsLurby<3eyntivemds pet fishGreen partyhatPlankMaya's Magatama
purblepale
Casual Poster
*
View Profile WWWArt


⛺︎ My Room

Guild Memberships:
Artifacts:
Joined 2024!Cool Dude Award
« Reply #4 on: Spring in Year 4 @044 » Embed

If someone were to use the engine would they be able to switch over to wasd controls over the default UnrealED style movement?

Logged
Melooon
Hero Member ⚓︎
*****
View Profile WWWArt


So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
Wavy Shoulder-Length Hair with BangsTop HatBug!You're a Star!Flinstone VitaminI got robbed by Dan Q on Melonland!
« Reply #5 on: Spring in Year 4 @053 » Embed

able to switch over to wasd controls over the default
In theory yes, the control system can use any Three.js compatible control system. By default it calls "getStandardControls()" whitch returns a preconfigured OrbitControl object - this assumes a hacked control system it has actually based on GoogleMaps style click and drag navigation. It assumes there is a camera target mounted in front of the camera - so as long as you're control system has a ".target" child then it should all just work!

Overwriting MELON.me.three.controls = xxx with whatever control object you want should do it. Iv never tested using a different control system, so I've no idea how it would effect other things! I'd love to know how it turns out :cheerR:

Logged


everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap: black n cyan yappin kittayalien yappin kittayHave a chillpillMove it, football head!black n orange yappin kittayRed Tulip100 coinsLurby<3eyntivemds pet fishGreen partyhatPlankMaya's Magatama
NoxidKin
Jr. Member
**
View Profile WWW


Hey please check out my blog! :)
⛺︎ My Room

Artifacts:
Joined 2025!
« Reply #6 on: Spring in Year 4 @053 » Embed

That's awesome Man, thanks for giving us another amazing toy!  I can't JS much, but now I want to learn.  :D

Logged

https://noxid-kin.neocities.org/images/buttons/NoxidButton.gif
Pages: [1] Print Embed 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | Send Feedback | Supporters ♥ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi
@000 Melon
Land
Editor Recent Edits Tenement Arcade Random Link Land → Forum Art Hub Chat Webring Want to Login or Join ? Web Craft Guide Graphic Catalogue Wiki Newsletters Image Stream
Passport Sites Asatte Add your site?
Zap!
Minecraft: Online
Join: craft.melonking.net