I made this 3D game with ONLY code
HTML-код
- Опубликовано: 19 дек 2023
- In-depth video about coding 3d graphics using ray marching.
Thanks for watching!
SDF tutorials by Inigo Quilez: iquilezles.org/
Shadertoy: shadertoy.com/
Business Email: cartersemrad@gmail.com
Thanks so much for all the support!! It really does mean a lot to me.
I see a lot of people have been asking for the source code, so here’s a GitHub repo:
github.com/CarterSemrad/Jackrabbit
Thank you so much we really appreciate it!
thats hot
12 subs 👍🏼
hey man, your content is of very high quality and I'm sure you have a bright future as a content creator but at the moment you only have 2 videos on your channel, and if the algorithm sees people clicking on your channel and immediately leaving it'll think they're not interested and stop recommending your channel, I'd advise you to post some more videos as soon as you can
this vid blew up just because you are way to determined to not use blender, anyways, you got to 12 subs xD (also the blender joke is from Vgamer311)
I’ve never in my life seen someone so determined to not learn blender
Lmao!
Yeah baby! I'm here for it
And i shall follow this path too 🗣️
do you know about dafluffypotato? he's pretty determined too
if only you could see me
I didn't even think that 3D graphics without polygon rendering was actually a thing outside of abstract math visualisations
Dreams on the PS4 actually use this. It doesn't use any triangles but relies on primitive shapes and ray marching to create its models. I'm pretty sure it doesn't use image textures either. And it's outstanding the kind of games they made there
Here's a Courage the cowardly dog game made in Dreams PS4:
ruclips.net/video/bLN5PREvh38/видео.htmlsi=ourKPb55V4NGAYSO
If we're being technical, it's still rendering polygons, 2 triangles that cover the screen, and then math to construct a world in those triangles!
A lot of math for modern game rendering fakes detail on polygons, as a lesser extreme of what's done here. A prime example being parallax-occlusion mapping, which is like a normal/bump map that can actually occlude areas of itself (within the render bounds of the mesh triangles). resulting in the appearance of a physically modeled detailed surface but is just a few polygons.
@@michaeljohn5130 I believe Dreams doesn't use ray marching for rendering, they do still use SDF primitives, but for point cloud cluster generation, and they use a splat-based rendering approach since the former failed to yield the artistic results the team desired. I can really recommend Alex Evans' Umbra Ignite 2015 talk "Learning From Failure", which is also on RUclips, where he goes over all the rendering techniques they implemented in order to tackle rendering a sparse set of SDFs.
Doom
Doom isn't 3D. It's 2D but uses raycasting to fake 3D@@prateekpanwar646
I thought the end of the video was a joke when he said he only had 11 subs. The video was very entertaining and high quality I would have never guessed it's made by someone with less than atleast 100k subs! Also the code was extrememly impressive and i learnt a lot of new things!
Edit: everyone show him the love he deserves and drop a sub to help support the small creators :D
Edit: 30k 🗿
I expected them,to have at least 5k or something 😭
Yeah uh wow
I see so many comments saying things like this that I'm pretty sure it's bots
bots? bots make me crazy.
crazy? I was crazy once.
they put me in a room.
a mathematical room.
a mathematical room with bots.
bots make me crazy.
ps, no I aswell thought this was gonna be a 5k at least, genuinely impressed by the quality
nah im real and just suprised, you prob see comments like these cus theres so many underrated yters out there@@hhhpestock951
If the quality is consistently this high, this channel is about to become one of the fastest growing programming channels in 2024
I know right! I literally instantly subscribed at the end. It honestly blew my mind. OP if you're seeing this, keep this quality up please.
The rendering speed & quality look amazing, there might actually be some potential for making graphically intense games run smoother with this technique!
TF2 is made with this technique
@@handartgarfunkal wich tf2
its actually used already. Things such as clouds and smoke are extremely fast in ray marching. However it slows down with each SDF added to the scene so that is what limits its application.
You are so talented, this is really impressive. I Would love some tutorials from you!
A little tip: Reduce a little bit the volume of the sound effects during the video, your voice and the musics are pretty calming, so it was a little too loud.
Hope to see more videos in the future!
I love how everything is so well made here the only criticism Is in regards to basic editing stuff.
interesting video - now decide your fate
png tuber
disembodied voice
or flesh and blood
🤷🏻♀️
good video btw
I’ve done a lot of messing around with making 3d code front scratch, but seeing just how far you made it made me really respect your abilities. That’s not even mentioning how well you explained the concepts in your video too. I like to say that if a programmer tells another programmer about a thing they did and the other programmer goes “I could do that”, that doesn’t mean the first programmer didn’t do anything challenging, it means they did a good job of explaining it. This was a terrific video, and I predict your channel will continue to grow in size exponentially. Good job and thank you for the entertainment+inspiration!
Edit: thanks for the 200 likes! (Feb 27 2024)
Mom wake up, new carter video just dropped
She storkin on my club till I CAWWWWW
this guy might have the record for fastest growing channel in a single week
Yeah like, even for viral videos that get like 300 million views, they are usually just one funny thing, then the person who posted it doesn’t really go anywhere. But this had real effort put into it, this it led to people subscribing.
TimTom is an animation youtuber who im pretty sure got like 500k+ subs in 3 videos, i think he had the record last i checked
This is so dope.
Have been learning math for computer graphics for a good while, this type of video is content I need to step up the motivation.
I really loved it man.
Please, keep sharing more.
Why are you learning math for computer graphics? can you please explain
@@ucheodozie9836 I have been working as a Unity Game Developer for the past 7 years.
The engine does 80% of the heavy lift, so you only need to worry about implementing your game features.
But the issue is, I have no control over how the engine works. The owners can do anything they want and I will be forced to abide.
By getting a step further and learning computer graphics, you can build your engine as it pleases you.
@@ucheodozie9836mathematics are widely used in animation and etc. because it provides great uses
@@ucheodozie9836and it also requires mathematical knowledge
In a world where everything seems to be moving towards no-code solutions this vid is a breath of fresh air
No coding?
Well i’m gonna do ALL CODING
i'd say the world seems to be moving to mostly only-code solutions
@@xseis. I agree... My brother-in-law went from making 3D the old way of shaping and stuff to mostly code to get the same result by generating it instead and it's mostly code and scrip with a damn lot of math...
And he goes from buildings to rocks, trees, grass and everything all done that way and changing some values can sometimes generate a gazillion amount of different results without having to actually shape them all manually like the old way.
3D nowadays is more about procedural generated content than losing hours manually shaping stuff cause why would someone lose many countless hours shaping like hundreds of different trees when with code the same code just changing some values can give you that pretty fast after all the code is done properly...
However they sound more simple than reality, they still require a lot of knowledge, it's not just pressing a button and it generates, it requires too many stuff that someone into old 3D of manually shaping if doesn't update them self will easily and quickly lose the spot.
Edit: forgot to say he mostly uses Houdini nowadays, long goes his days of 3DS Max, Maya and many others... I just hope he starts using Unreal Engine 5 too some day cause if he compile the project at least I could try them 😎
The way you’re making full professional level content with 2 videos speaks to the effort and research it must’ve taken you to learn RUclips, and how skilled you are as a programmer.
Great videos, hope to see you continue to do well!
This is very impressive, especially with pure ray marching! Though my main issue with the method is that you eventually need to draw a lot of different objects, and this will reduce the performance. Unless someone figured out how to use octtrees in shaders
I'd also like a video that explains the shortcomings or solutions even if I don't understand it
Dang, this is so underrated. I was watching this and thinking: wow, this guy probably has a lot of subs. Got to the end of the video and was so confused. Then I was even more confused when I saw that you’re only at about 200 subs after posting this. This is pretty epic (albeit horrific that you just hardcoded everything, and it’s giving me ptsd from coding on khan academy), and it looks really good.
"As of this video, we're currently at 11 subscribers, & it would mean lot to me if we could get to 12!"
(Looks at sub count)
"Well... I'd say you reached your goal."
Really man, this is INCREDIBLE!!! Keep up the great work!
That game looks beautiful and fun. You're actually underrated and I don't usually say stuff like that on small channels. Great job! 👍
11 Subs 3 weeks ago. 12.1k now lel
It's really cool what people can do with just code. Already loved the demo scene in the early 90s with those 64k demos and stuff. Could never run them at a higher pace than maybe 5fps but damn they already had some cool stuff back then.
I wished game devs would incorporate such things much more.
I tried so hard to figure out how to render things in this manner: it is succinct and feels right!! I’m so grateful for your existence and I hope you keep the stream of knowledge flowing 😀
It’s crazy that you pull up such quality video this soon in your channel project. Not only the game is very cute and is a cool challenge, but also the audio and the video itself are great. Love it!
I like the inversion of “how to make game with no code”. I also really like sdfs and ray marching. So instant like and subscribe.
Great video
beautiful!
Omg I love this video, It’s great to see small creators so passionate about projects still! I hope to see this channel gain popularity 😁
You’re incredible. It’s crazy how casually you explain the coolest math applications I’ve seen in forever as though it’s second nature to you. Would love to see tutorial style content from you if you’re interested in making it.
Either way amazing job and thanks for sharing
This is so cool. I literally made something just like this recently since the only thing unblocked at my school that i can run anything in is google sites, so my game has to be all in one file. I might restart since its super messy at 1500+ lines and has some terrible sdf functions, but you gave me motivation. I would love to watch more videos like this
half of the code is the glsl as a string in a variable
this is insane. good job!
You can try using webpack to bundle all of your code into a single file, you don't need to write it all into one file
With this high quality content, you will be at 10000 subscribers in no time!
OMG, This is such an amazing video, you deserve all the subs you go and you just got a new one! I can't wait to see more of your amazing content!!! it's impressive how good it looks for a simple 3d engine you built yourself! truly talented
Outstanding video quality, information, vibe. Just wow. The speed at which this channel has blown up is insane and I'm all for it. This is some impressive stuff :0
I think I'll have to make a sacrifice to the algorithm to show my gratitude for recommending me this gem. As a web dev who sometimes dabbles in simple game dev it's wonderful to see what's possible outside my comfort zone of 2D canvas. Wild :)
This is how I thought people made games when I was a kid.
Nice to see someone going further beyond to what I've just scratched in Graphics subjects while in college, really gives a nice background and context in how rendering 3D images/frames actually works
Deserved growth! That video was so fascinating, well explained, and well paced. You definitely gained a new sub
Saw your dad and brother at Auggie’s this evening and they told me about this. I’ll never care about programming, but still enjoyed watching and listening to you explain. Very nice, young man, and congrats on blowing up!
You’re one of the smartest humans I know, but still so chill. Keep up the amazing stuff!
You are very kind. We enjoyed seeing you again last night.
This is insane Carter!!!
This was very cool and fun to watch! I hope you get the recognition you deserve! This looks smoother than most polygonal modeling.
Excited to see this channel blow up!! Very high quality video, good job :)
This is seriously underrated. The walkthrough of what you did and how it works is sick. And the 2D rendering montage? Fire music and video presentation. Awesome stuff, man.
tech club watches
Yesssss!!!! I've been waiting for a project like this! You are so awesome!
from 11 subs to almost 5k in 6 days, that is a big achievement, and well diserved cause the video editing and explanations are up top, even better then many high sub count channels, only thing I wish you had shown was the code on how you did it all.
But appart from that, very nice video, maybe a continuation video with the code steps would be nice for a next post :)
Hope you get way more subs cause at least you know how to explain and make visual appealing stuff ;)
I recon 2024 is going to be a good year for you ;) I hope it is, happy new year everyone.
Bro was such a good story teller he made it sound easy
Bro , just start using graphical library in python , and you throw something like that , that's amazing , you really motivate me to go farher in programation , your job is so amazing i could'nt realise that you only had 11 subscriber
Absolutely breathtaking. To think how I loathed using SFML in C++ to create a platformer and you make a whole 3D game with nothing. Really great video, you're an inspiration!
massive respect, need more on the topic dude
Amazing presentation, it's very cool to see actual games built entirely procedurally!
It also extends my latest video so well, we could have made a collab😄
Gaming
Please make more videos! You explaind this super well.
You got almost 16 k subs in 3 weeks, and it’s just your second video??!! That’s insane! Well deserved bro, I’m glad the video basically went viral, otherwise i wouldn’t have gotten to watch this video. I’m now one of the subscribers, and I’m excited to see what you do next. Keep up the good work bro!
great video! Wouldn't have mind if it was thirty minutes long lol.
My only critique would be that your microphone volume is a little all over the place, caught myself having to repeatedly change my volume to compensate.
Other than that, love it and it's a great demonstration of what it means to truly understand the importance of math in coding and game development.
Suffice to say the subscriber goal has been reached
I'm so glad I took a graphics programming class on a whim. This subject has been the like the coolest thing ever. Thank you for sharing!
very well-made video. the visualizations are very clean and the end products were impressive
This video quality is amazing well done. I would love to see more detail on how you implemented all these ideas, like breaking down the actual code type thing.
I've always been interested in seeing this done, thank you!
I always wondered if there was a way to do 3D graphics without conventional polygons. Thanks for this explanation! The looks are great, so smooth! I hope we can see more of this in games some day.
Wow. it started off with the 3d game in CSS, HTML and javascript and as you went through it I was understanding more and more on how you got to the end goal. AMAZING, complicated, tedious and artistic. I subscribed :)
Awesome work! This feels like the first big jump since Code Parade's classic series
Bro this is so sick. I wish I had a fraction of your skill. You earned my sub!!!
Went from 11 subs to a couple thousand. Your work speaks for itself my friend!
Yep, i’m gonna learn this stuff now you’ve explained it so well. Thanks!
This is an awesome project, thank you!
i loved you telling us the actual math behind stuff
a lot of basics that open my mind on coding, thanks!
Wow.
I hope your channel keeps growing.
Awesome content.
Impressive work! Cant wait to see what you will come up with next
Love it! Great work, dude! :D
Amazing :) well done. The aesthetics is way prettier than a lot of games made with 3d modelling software. subscribed
Holy crap, ok wow, I feel like all the knowledge I had of coding was just blown out of the water, simply by knowing that you CAN do this. 10/10, insta subscribe. I'm super excited to see where you go in the future.
Keep up the good work, you deserve to have at least a million subscribers with this quality content
14k subs in 3 weeks!! You deserve it, great video.
This is a great video, would love more like this.
such a cool demonstration of building off fundamentals!
Great Content Bro, Keep Up The Amazing Work. Love To See More Of This Content. You'll Go A Long Way With It And I Know That For Sure.
tbh sick and really informative, i always wondered how games did the blending kind of thing so that was nice to see explained really well. good videoe
This is awesome! It's looks so cool!
I didn’t think that you could render 3D objects without blender or some other tool but it actually makes a lot of sense. These tools probably use a lot of hidden math behind them to create the scene, they do most of the thinking. It’s possible for you to do it with just code but extremely difficult.
Wow this is Genuinely cool I hope to see more from you
This is insane, you are a legend, and the video quality is nice to.
Excited to see more!
Very impressive, I always love stuff like this
I think the overall style would've been amazing for an RPG or a linear story-based game! Your content is so cool!!!
This is super cool! I didn't even know this was possible, and it's super unique to watch!
Wtf this is insane. I love everything about this. New sub!
This is an awesome video!!!! You really made the math feel accessible to me and I think the visualizations helped a lot!!!! :)
Nice, I always liked the full world shader toy shaders as well and this reminds me of those!
Very well explained and presented. These videos like this are an inspiration to me so keep it up
Dude keep at it, your skills will undoubtedly give you a following in no time
This is amazing. Thank you for sharing so much knowledge
I can't wait to go try this!
I teach a web design and animation class part time, and my mind is already racing with ways I can try to crowbar a little bit if this into a lesson.
Fascinating. You're a true OG
"And that jacket shape is an abomination of mathematics, I don't think I could make it a second time"
Truly a divine inspired work lmao
Very impressive work I am taking inspiration from this to give this kind of project a shot myself.
I love it when people make cool little projects like these. It's fascinating to see how it works from a programming/algorithmic perspective
This channel is growing fast! Keep it up!
This video is gonna blow up for sure. This is so cool!!
Cool. I wish more games were using sdfs, as some effects could be really phenomenal. The amount of awesome stuff on ShaderToy is mindblowing (also few of mine, which I am proud of, but there are so many more skilled people and more arts stuff posted there).
Hey, what you did here and also telling us how to do it was extremely cool of you, I hope you reach great heights man
this blew my mind! thank you so much!
Wow this is extremely cool. Really getting into stuff from scratch. I've never seen someone build like this before
THE ART STYLE IS AMAZING