Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko193
  • Hity
  • Mikroblog
  • Zaloguj się
  • Zarejestruj się
Zaloguj się

Popularne tagi

  • #ciekawostki
  • #informacje
  • #technologia
  • #polska
  • #swiat
  • #motoryzacja
  • #podroze
  • #heheszki
  • #sport

Wykop

  • Ranking
  • Osiągnięcia
  • FAQ
  • O nas
  • Kontakt
  • Reklama
  • Regulamin

56

Animowane gwiazdozbiory cząsteczek w JavaScript

Animowane gwiazdozbiory cząsteczek w JavaScript

Prosty samouczek - tylko 42 linie kodu

python2010
python2010
python2010
z
slicker.me
dodany: 11.01.2020, 15:01:28
  • #
    javascript
  • #
    programowanie
  • #
    naukaprogramowania
  • #
    programista15k
  • #
    html
  • #
    webdev
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Komentarze (16)

najlepsze

inrain88
inrain88
11.01.2020, 19:45:59
  • 9
Fajne, ale wolę:
https://vincentgarreau.com/particles.js/
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

nigdywiecejtypie
nigdywiecejtypie
12.01.2020, 03:08:23
  • 4
Nie podoba mi sie jechanie dwa razy taka petla po kazdym elemencie
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

Leszko
Leszko
Leszko
12.01.2020, 08:20:10
  • 6
@python2010: wystarczy tak:

for (let j = i; j < maxParticles; j++) {
  • Odpowiedz
python2010
python2010
python2010
Autor
12.01.2020, 15:50:45
  • 1
@Leszko: masz rację! właśnie poprawiłem kod. wielkie dzięki!
  • Odpowiedz
Kargaroth
Kargaroth
12.01.2020, 09:03:36
  • 1
Tak, tak, zaraz zostanę zaminusowany że narzekam, bo "zrób lepiej", albo "przynajmniej coś robi".

Ale tu nie ma co robić lepiej. Taki efekt został zrobiony już tysiąc razy na tysiąc sposobów i gotowych bibliotek do generowania i konfigurowania takiego efektu są grube dziesiątki.
Rozwiązanie ze znaleziska nie jest nawet najoptymalniejszym z możliwych. Więc ani to nowe, ani lepsze, ani odkrywcze.

Tego typu skrypty/efekty animacji krążą w necie od dobrych 5 lat i
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

Rewo96
Rewo96
12.01.2020, 10:39:58 via Android
  • 2
@Kargaroth a udostępnianie tego ma sens, żeby więcej ludzi zainteresowało się programowaniem
  • Odpowiedz
Kargaroth
Kargaroth
12.01.2020, 10:50:06
  • 1
Treść przeznaczona dla osób powyżej 18 roku życia...
  • Odpowiedz
wtf2009
wtf2009
12.01.2020, 14:12:55
  • 0

Komentarz usunięty przez moderatora

MENT4L
MENT4L
12.01.2020, 11:36:00
  • 0
Widać że nie potrafisz w js
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

tom-brown
tom-brown
12.01.2020, 15:39:41
  • 1
@MENT4L: poproszę o szczegóły.
  • Odpowiedz
Leszko
Leszko
Leszko
12.01.2020, 08:27:01
  • 0
@python2010: i jeszcze można by początkowe kierunki ustawić na minusowe czasem:

vx: (Math.random() - 0.5) * 2,
vy: (Math.random() - 0.5) * 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

Hity

tygodnia

Zielona Góra. Zmarł mężczyzna pogryziony przez psy, wcześniej amputowano mu nogi
Zielona Góra. Zmarł mężczyzna pogryziony przez psy, wcześniej amputowano mu nogi
4234
Zatrzymano właściciela trzech psów, które zagryzły w lesie 46-letniego mężczyznę
Zatrzymano właściciela trzech psów, które zagryzły w lesie 46-letniego mężczyznę
3007
Film instruktażowy policji o tym, jak usunąć partnera z mieszkania
Film instruktażowy policji o tym, jak usunąć partnera z mieszkania
2890
Premiera cen transkacyjnych z Warszawy na deweloperuchu
Premiera cen transkacyjnych z Warszawy na deweloperuchu
2505
Bogaci po pomoc publiczną: Mateusz Gessler, Maciej Wandzel i pół miliona z KPO.
Bogaci po pomoc publiczną: Mateusz Gessler, Maciej Wandzel i pół miliona z KPO.
2388
Pokaż więcej

Powiązane tagi

  • #webdev
  • #programowanie
  • #jquery
  • #js
  • #php
  • #informatyka
  • #nodejs
  • #html5
  • #html
  • #frontend
  • #angularjs
  • #css
  • #naukaprogramowania
  • #go
  • #python

Wykop © 2005-2025

  • O nas
  • Reklama
  • FAQ
  • Kontakt
  • Regulamin
  • Polityka prywatności i cookies
  • Hity
  • Ranking
  • Osiągnięcia
  • Changelog
  • więcej

RSS

  • Wykopane
  • Wykopalisko
  • Komentowane
  • Ustawienia prywatności

Regulamin

Reklama

Kontakt

O nas

FAQ

Osiągnięcia

Ranking