Тёмный

Coding Challenge #36: Blobby! 

The Coding Train
Подписаться 1,7 млн
Просмотров 121 тыс.
50% 1

Опубликовано:

 

24 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 87   
@Tony-db3ig
@Tony-db3ig 8 лет назад
I want more of these short coding challenges 😀
@tomasmejia6370
@tomasmejia6370 7 лет назад
Did anyone else notice the green in his Coding Rainbow shirt interferes with the green screen? It looks like he has a see-through slice in his chest
@daniellebarker7205
@daniellebarker7205 6 лет назад
came here to say this
@zokalyx
@zokalyx 5 лет назад
@@daniellebarker7205 me too
@IPlayGames3
@IPlayGames3 5 лет назад
YOU LITERALLY STOLE MY WORDS YES
@bathtub_farter
@bathtub_farter 4 года назад
Same happens with his hat too
@obedotto4465
@obedotto4465 2 года назад
yeah right? I thought that was a bit weird
@rayensedjil5077
@rayensedjil5077 6 лет назад
he did it within ten minutes!! these are kind of hard.
@aronkoffler
@aronkoffler 8 лет назад
best videos, best reactions when the code doesn't work the way u wanted!!! so much fun to watch, and LEARN, thanks a lot :)
@michaelavnyin9673
@michaelavnyin9673 7 лет назад
Daniel amazing - i love your passion for design and coding. I hope you always continue these wonderful videos
@RajJaiswal538
@RajJaiswal538 3 года назад
A quick and dirty way to fix that last vertex problem is for the last vertex,instead of using Perlin noise,use average of 2nd last vertex and first vertex as radius,this will make it smoother
@JordanMSeverns
@JordanMSeverns 2 года назад
5:50 actually made me spit my coffee on my keyboard help
@eyesofadonai
@eyesofadonai 7 лет назад
fantastic series, super interesting. really well presented too. clever that they are punctuated and content dense as opposed to slow and condescendingly redundant explanation. i watch these for entertainment.
@trolledwoods377
@trolledwoods377 8 лет назад
Where is the page of requests for coding challenges? I really want to see Atari Breakout
@phrtza
@phrtza 23 дня назад
Sheldon Cooper's kind twin
@iamnottellingyoumynameiamn5984
There is a sharp change in between the beginning and end of the shape partly because that angle would be only 0.0831... ect. The rest of your angles where 0.1 radians. This means that is has less space to strech the change over making it a bit more sharp. Two pi is not a decimal terminating in the 10ths place, so you would have to make your increment in your loop that draws the circle in terms of pi. Try pi/31.5 to be your increment. You would have just as many slices in the blob, but they would be more evenly spaced out. I do not know if this would solve the problem, but it is most likely one of the factors causing the problem.
@egregory314
@egregory314 6 лет назад
for (float a = 0; a < TWO_PI-PI/30; a += 2*PI/30) { This seems to provide some improvement, though it remains aesthetically unappealing. I also CLOSE the endShape.
@NathanK97
@NathanK97 7 лет назад
idea for looping noise: take 1d noise values based on information from a circle of points in a 2d noise function, could be expanded to looping 2d noise with a torus so like... non euclidean noise?
@masterflamaster6377
@masterflamaster6377 7 лет назад
once again, green color in the rainbow on your shirt
@nilsdrees9228
@nilsdrees9228 5 лет назад
He is a genius
@CoxTH
@CoxTH 7 лет назад
I am too distracted by how the green part of the rainbow on his shirt was greenscreened out
@WindImHaar
@WindImHaar 7 лет назад
think it could be intresting to have the edge of the circle be perlin noise, but make it 3 dimensional with time being the 3rd dimension like you did in the perlinn noise video with the vetor field. This way the wobble would be continous and somewhat random, could be cool to look at too and if you add for example a sound curve of music to it it might look intrsting too :D
@TheCodingTrain
@TheCodingTrain 7 лет назад
Great suggestion!
@-rXr-
@-rXr- 8 лет назад
Any chances of A* path finding algoritham...
@kuskus_th13
@kuskus_th13 7 лет назад
You predicted it
@Imru_gamer
@Imru_gamer 8 лет назад
hi, you are brilliant.
@HenryRSeymour
@HenryRSeymour 7 лет назад
Will there every be another print run of the coding rainbow shirts?
@digitalArtform
@digitalArtform 8 лет назад
If you made the noise a function of vertex x and y then the first and last points, being similar, would get a similar offset and close better. -- How would you make it more of a smooth spline through the vertices with no sharp bends? No piece-wise linear fit?
@nithinpranesh4247
@nithinpranesh4247 8 лет назад
3d perlin with something like: noise(r*cos(a), r*sin(a), t); where r is an adjustable constant for smoothness, and a is the angle of the current circumference point, and t is just an updating time value
@egregory314
@egregory314 6 лет назад
CLOSEing the beginShape doesn't seem to eliminate the gap. Using curveVertex reduces the unsightly gap, but it's still far from perfect.
@zokalyx
@zokalyx 5 лет назад
I used a sin function inside the noise argument. It makes the blob symmetric, but at least it fixes that (it adds some other problems though)
@rezasmind
@rezasmind 6 лет назад
I really need that wallpaper :)
@simplecastic
@simplecastic 7 лет назад
clouds please do animated clouds
@Dvkpainter
@Dvkpainter 4 года назад
Searched the github but couldn’t find the code for blobby
@oraz.
@oraz. 8 лет назад
How do you get rid of the discontinuity at the bottom?
@nithinpranesh4247
@nithinpranesh4247 8 лет назад
+orazdow i have yet to try this, but use 3d perline noise, using one dimension for time, and two dimensions to specify the point on the circumference ur trying to find a value for. something like: noise(r*cos(a),r*sin(a),t); where r is just a constant u can slide up or down based on how smooth u want the noise differences to be. Imagine u are drawing a circle in a 2d perlin world, the noise values on the circumference shud be continuous, we only add the third dimension for time. also, the r constant doesn't hav to be ur actual radius, it's only to help u adjust the smoothness
@barbaraleitealmeida5359
@barbaraleitealmeida5359 8 лет назад
That would be continuous but it would be also symmetrical about x-axis and y-axis. One way to get rid of the discontinuity is to use curveVertex instead of vertex and repeat the 3 first points. p5ide.herokuapp.com/editor#?sketch=57d42c833b7b6903001548b9
@nithinpranesh4247
@nithinpranesh4247 8 лет назад
That's not a bad solution i like it, but it doesn't get rid of the discontinuity between noise(0,t) and noise(2*PI,t), it only covers it up by curving the sides (most significantly curving the last side). Again, that's completely reasonable, but I don't think my idea is wrong, but maybe i conveyed it wrong. I'm saying instead of noise(angle,t); use noise(constant*cos(angle), constant*sin(angle), t); This way, as angle goes from 0 to 2*PI, the noise function works it's way back to where it started from. There is literally no discontinuity this way, where as in the other way the discontinuity was simply curved over. Am i making sense?
@nithinpranesh4247
@nithinpranesh4247 8 лет назад
and idk what you are talking about with symmetrical sides, that's not how sin and cos work. the noise function will vary throughout the circumference but it will work it's way back to the noise value of the angle 0 bc cos(0)==cos(2*PI) and same for sin
@barbaraleitealmeida5359
@barbaraleitealmeida5359 8 лет назад
You're right, if you look at the noise values, the discontinuity still exists (and it will be visible depending on the parameters used), it's curving the edges to make the curve smooth. The problem is not how sin and cos work, but how noise works: noise(n) == noise(-n). Here an implementation of your idea: p5ide.herokuapp.com/editor#?sketch=57d458e33b7b6903001548c0
@legotechnic27
@legotechnic27 8 лет назад
nice :D
@bianyx8088
@bianyx8088 7 лет назад
Hey,buddies, I am really a programming beginner, and I followed alone with this video on my own processing,something I did here seems wrong. Please can anyone help me to figure it out? I would be super grateful.
@bianyx8088
@bianyx8088 7 лет назад
Here is my code, Thanks so much void setup(){ smooth(); size(800,800); } void draw(){ background(255); pushMatrix(); translate(width/2,height/2); beginShape(); float xoff=0; for(float a=0; a
@TheCodingTrain
@TheCodingTrain 7 лет назад
Better to post code and get help at forum.processing.org!
@bianyx8088
@bianyx8088 7 лет назад
Thank you so much Daniel, I will do that. Have a good day.
@noelearlwatson2724
@noelearlwatson2724 7 лет назад
+Bian Yx one thing that is wrong is the "float offset" line. map(noise(xoff),-0.1,0.1 should be 0,1 instead.
@bianyx8088
@bianyx8088 7 лет назад
Thanks for your kind reply,and I fixed it by moving float xoff=0 before setup.
@clokworx1448
@clokworx1448 7 лет назад
Did anyone else notice the green on his shirt conflicting with the green screen?
@squishedtopieces185
@squishedtopieces185 7 лет назад
yup.
@malcolmarcand6659
@malcolmarcand6659 8 лет назад
Where can I go to watch these live?
@LorenzoLeonardini
@LorenzoLeonardini 8 лет назад
here on youtube. on the bottom of this page ( codingrainbow.com/ ) you can subscribe to a newsletter to get a notification when he plans to go live
@angelcaru
@angelcaru 5 лет назад
0:30 Dont over-estimate yourself
@justloveandpeace4010
@justloveandpeace4010 6 лет назад
you are so cool sir. why don't you use unity to make stuff as many people are working on unity platform and it also supports JS ?
@suprguy
@suprguy 6 лет назад
rohan bhatia unity is way to complicated if you just want to show coding practices
@-rXr-
@-rXr- 8 лет назад
Coolll... :)
@noelearlwatson2724
@noelearlwatson2724 8 лет назад
How do you do this for spheres?
@nithinpranesh4247
@nithinpranesh4247 8 лет назад
You have to make a sphere with beginshape and endshape first. A little bit of 3d trig intuition is necessary, you can think of points on the surface of the sphere as being defined in polar coordinates as a radius, an angle around the y axis, and an angle around the z prime axis (z prime is the new z axis after it has been rotated around the y axis by the first angle) . Using this, you can have a loop that iterates every possible z prime angle inside a loop that iterates every possible y angle. So each iteration of the y loop (the outer loop), represents a line of points from pole to pole on the sphere. What you can do then is draw a new triangle strip each iteration of the outer loop by using the line of points at the current y angle and the line of points at the next increment of the y angle. I'm hoping you know how to make triangle strips w beginshape. The only problem left is to figure out how to convert the polar coordinates of a radius and two angles into rectangular coordinates when u finally have to use the vertex() call. Unfortunately you can't use rotate() and translate() between beginshape and endshape, that's why you have to convert instead of letting the matrix transforms do all the work. But going from a radius to two angles isn't too bad, it's an interesting trig problem to solve out, let me know if you're having trouble with that, and also let me know if I'm not making sense with anything I've said so far, I'm sort of sleepy hahahaah
@daniellebarker7205
@daniellebarker7205 6 лет назад
dye your hair green
@1n_Visible
@1n_Visible 4 года назад
2:20 - Chromakey deleted part of rainbow!
@UstedTubo187
@UstedTubo187 6 лет назад
Where do we buy one of those bitchen Coding Rainbow shirts?
@RoyaLockz
@RoyaLockz 7 лет назад
Pavlov?
@getfun4353
@getfun4353 8 лет назад
i dont know how to add javascript on processing i need some help
@Jason-ke4jf
@Jason-ke4jf 8 лет назад
You can't add Javascript to processing -- you have to download something called p5.js. Just Google it.
@hermannbarbato
@hermannbarbato 8 лет назад
Or you could make a simple html file, add the reference to processing, open a js file and work with it, but p5.js is much better
@getfun4353
@getfun4353 8 лет назад
yea thanks alot budys
@vishnumk7520
@vishnumk7520 7 лет назад
is it Java????
@breisfm
@breisfm 7 лет назад
vishnu maheswaran ps5.js
@eivindludviksen6478
@eivindludviksen6478 7 лет назад
No, it's a framework based on JavaScript, which is pretty different to Java (JS is a scripting language while Java is a programming language).
@trolledwoods377
@trolledwoods377 8 лет назад
First!
@trolledwoods377
@trolledwoods377 8 лет назад
Almost
@trolledwoods377
@trolledwoods377 8 лет назад
Wait. #ConfusedWithMinutesAgo
@drwillg1365
@drwillg1365 7 лет назад
You were
Далее
Coding Challenge #37: Diastic Machine
16:19
Просмотров 38 тыс.
Coding Challenge #136.1: Polar Perlin Noise Loops
22:02
Cool Wrap! My Book is OUT 🥳
00:27
Просмотров 2,4 млн
진 (Jin) 'I'll Be There' Official MV
03:15
Просмотров 3,5 млн
Гравировка на iPhone, iPad и Apple Watch
00:40
Coding Challenge 180: Falling Sand
23:00
Просмотров 996 тыс.
2D Collisions with Quadtree test
1:09
Просмотров 9 тыс.
Coding Challenge #26: 3D Supershapes
21:35
Просмотров 87 тыс.
Coding Challenge #59: Steering Behaviors
30:56
Просмотров 188 тыс.
Cool Wrap! My Book is OUT 🥳
00:27
Просмотров 2,4 млн