189 lines
3.8 KiB
JavaScript
189 lines
3.8 KiB
JavaScript
const langs = [
|
||
"Hello World",
|
||
"مرحبا بالعالم",
|
||
"Salam Dünya",
|
||
"Прывітанне Сусвет",
|
||
"Здравей свят",
|
||
"ওহে বিশ্ব",
|
||
"Zdravo svijete",
|
||
"Hola món",
|
||
"Kumusta Kalibutan",
|
||
"Ahoj světe",
|
||
"Helo Byd",
|
||
"Hej Verden",
|
||
"Hallo Welt",
|
||
"Γειά σου Κόσμε",
|
||
"Hello World",
|
||
"Hello World",
|
||
"Hola Mundo",
|
||
"Tere, Maailm",
|
||
"Kaixo Mundua",
|
||
"سلام دنیا",
|
||
"Hei maailma",
|
||
"Bonjour le monde",
|
||
"Dia duit an Domhan",
|
||
"Ola mundo",
|
||
"હેલો વર્લ્ડ",
|
||
"Sannu Duniya",
|
||
"नमस्ते दुनिया",
|
||
"Hello World",
|
||
"Pozdrav svijete",
|
||
"Bonjou Mondyal la",
|
||
"Helló Világ",
|
||
"Բարեւ աշխարհ",
|
||
"Halo Dunia",
|
||
"Ndewo Ụwa",
|
||
"Halló heimur",
|
||
"Ciao mondo",
|
||
"שלום עולם",
|
||
"こんにちは世界",
|
||
"Hello World",
|
||
"Გამარჯობა მსოფლიო",
|
||
"Сәлем Әлем",
|
||
"សួស្តីពិភពលោក",
|
||
"ಹಲೋ ವರ್ಲ್ಡ್",
|
||
"안녕하세요 월드",
|
||
"Ciao mondo",
|
||
"ສະບາຍດີຊາວໂລກ",
|
||
"Labas pasauli",
|
||
"Sveika pasaule",
|
||
"Hello World",
|
||
"Kia Ora",
|
||
"Здраво свету",
|
||
"ഹലോ വേൾഡ്",
|
||
"Сайн уу",
|
||
"हॅलो वर्ल्ड",
|
||
"Hai dunia",
|
||
"Hello dinja",
|
||
"မင်္ဂလာပါကမ္ဘာလောက",
|
||
"नमस्कार संसार",
|
||
"Hallo Wereld",
|
||
"Hei Verden",
|
||
"Moni Dziko Lapansi",
|
||
"ਸਤਿ ਸ੍ਰੀ ਅਕਾਲ ਦੁਨਿਆ",
|
||
"Witaj świecie",
|
||
"Olá Mundo",
|
||
"Salut Lume",
|
||
"Привет, мир",
|
||
"හෙලෝ වර්ල්ඩ්",
|
||
"Ahoj svet",
|
||
"Pozdravljen, svet",
|
||
"Waad salaaman tihiin",
|
||
"Përshendetje Botë",
|
||
"Здраво Свете",
|
||
"Lefatše Lumela",
|
||
"Halo Dunya",
|
||
"Hej världen",
|
||
"Salamu, Dunia",
|
||
"ஹலோ வேர்ல்ட்",
|
||
"హలో వరల్డ్",
|
||
"Салом Ҷаҳон",
|
||
"สวัสดีชาวโลก",
|
||
"Kamusta Mundo",
|
||
"Selam Dünya",
|
||
"Привіт Світ",
|
||
"ہیلو ورلڈ",
|
||
"Salom Dunyo",
|
||
"Chào thế giới",
|
||
"העלא וועלט",
|
||
"Mo ki O Ile Aiye",
|
||
"你好，世界",
|
||
"你好，世界",
|
||
"你好，世界",
|
||
"Sawubona Mhlaba"
|
||
];
|
||
// hello world in 92 Languages
|
||
|
||
let charSize = 18;
|
||
let fallRate = charSize / 2;
|
||
let streams;
|
||
|
||
// -------------------------------
|
||
class Char {
|
||
constructor(value, x, y, speed) {
|
||
this.value = value;
|
||
this.x = x;
|
||
this.y = y;
|
||
this.speed = speed;
|
||
}
|
||
|
||
draw() {
|
||
const flick = random(100);
|
||
// 10 percent chance of flickering a number instead
|
||
if (flick < 10) {
|
||
fill(120, 30, 100);
|
||
text(round(random(9)), this.x, this.y);
|
||
} else {
|
||
text(this.value, this.x, this.y);
|
||
}
|
||
|
||
// fall down
|
||
this.y = this.y > height ? 0 : this.y + this.speed;
|
||
}
|
||
}
|
||
|
||
// -------------------------------------
|
||
class Stream {
|
||
constructor(text, x) {
|
||
const y = random(text.length);
|
||
const speed = random(2, 10);
|
||
this.chars = [];
|
||
|
||
for (let i = text.length; i >= 0; i--) {
|
||
this.chars.push(
|
||
new Char(text[i], x, (y + text.length - i) * charSize, speed)
|
||
);
|
||
}
|
||
}
|
||
|
||
draw() {
|
||
fill(120, 100, 100);
|
||
this.chars.forEach((c, i) => {
|
||
// 30 percent chance of lit tail
|
||
const lit = random(100);
|
||
if (lit < 30) {
|
||
if (i === this.chars.length - 1) {
|
||
fill(120, 30, 100);
|
||
} else {
|
||
fill(120, 100, 90);
|
||
}
|
||
}
|
||
|
||
c.draw();
|
||
});
|
||
}
|
||
}
|
||
|
||
function createStreams() {
|
||
// create random streams from langs that span the width
|
||
for (let i = 0; i < width; i += charSize) {
|
||
streams.push(new Stream(random(langs), i));
|
||
}
|
||
}
|
||
|
||
function reset() {
|
||
streams = [];
|
||
createStreams();
|
||
}
|
||
|
||
function setup() {
|
||
createCanvas(innerWidth, innerHeight);
|
||
reset();
|
||
frameRate(20);
|
||
colorMode(HSB);
|
||
noStroke();
|
||
textSize(charSize);
|
||
textFont("monospace");
|
||
background(0);
|
||
}
|
||
|
||
function draw() {
|
||
background(0, 0.4);
|
||
streams.forEach((s) => s.draw());
|
||
}
|
||
|
||
function windowResized() {
|
||
resizeCanvas(innerWidth, innerHeight);
|
||
background(0);
|
||
reset();
|
||
} |