سفر به اعماق کامپیوتر - قسمت یازدهم (کار با رنگ ها)

سلام.

حالتون چطوره؟

توی این قسمت با استاندارد رنگ ها بیشتر آشنا میشیم و در ادامه با اطلاعاتی که به دست میاریم یسری جینگولک بازی (نوشتن انیمیشن و ترکیب دوتا رنگ و...) در میاریم و با دونسته هامون تفریح میکنیم. این چنل تلگرام: https://t.me/intern_plus_plus

اینم گروه تلگرام: https://t.me/intern_plus_plus_group

اینم جاهای دیگه: https://internplusplus.ir

ممنون میشم اگه ویدیو رو از یوتوب ببینید ولی هر جور راحتید.

https://aparat.com/v/BiDr8


کد نوشته شده در این قسمت:

<body>
<div id=&quotitem1&quot style=&quotheight: 500;width: 500; background-color: #000000;&quot></div>
<div id=&quotitem2&quot style=&quotheight: 500;width: 500; background-color: #000000;&quot></div>
<div id=&quotitem3&quot style=&quotheight: 500;width: 500; background-color: #000000;&quot></div>
</body>
function setColor(color,id){
document.getElementById(id).style.backgroundColor = color
}
function r255(){
return Math.random() * 255
}
function avg(color1,color2){
var r = Math.round(color1[0] + color2[0]) / 2
var g = Math.round(color1[1] + color2[1]) / 2
var b = Math.round(color1[2] + color2[2]) / 2
return [r,g,b]
}
var color1 = [r255(),r255(),r255()]
var color2 = [r255(),r255(),r255()]
var avgColor = avg(color1,color2)
setColor(`rgb(${color1[0]},${color1[1]},${color1[2]})`,&quotitem1&quot)
setColor(`rgb(${color2[0]},${color2[1]},${color2[2]})`,&quotitem2&quot)
setColor(`rgb(${avgColor[0]},${avgColor[1]},${avgColor[2]})`,&quotitem3&quot)
// let red = 255
// let blue = 0
// setInterval(() => {
//     red--
//     blue++
// }, 10);


کد بقیه قسمت ها هم توی گیتهاب ما پیدا میشه:

https://github.com/intern-plus-plus/Travel-to-depths-of-computer/blob/main/RGB/index.html


پایدار باشید.