"動手學科學/物質科學Ⅲ/色碼與點陣圖" 修訂間的差異

出自 全民科學平台
前往： 導覽、 搜尋
(→‎人類視覺的客觀基礎：電磁波(光))
 
(未顯示同一使用者於中間所作的 13 次修訂)
行 1： 行 1：
 
[[分類:動手學科學/物質科學Ⅲ]]
 
[[分類:動手學科學/物質科學Ⅲ]]
 +
: [[al::動手學科學Ⅲ/參課出席|點名]]
 +
: 共筆頁：<!--Course205 / s4e-->
 +
:#[http://twees.info:9001/p/MS-6 http://twees.info:9001/p/MS-6]
 
==人類視覺的客觀基礎：電磁波(光)==
 
==人類視覺的客觀基礎：電磁波(光)==
 
<div style='float:right'><img src='https://upload.wikimedia.org/wikipedia/commons/6/6c/Electromagnetic-Spectrum-zh-remarks.png' width=350 height=*/></div>
 
<div style='float:right'><img src='https://upload.wikimedia.org/wikipedia/commons/6/6c/Electromagnetic-Spectrum-zh-remarks.png' width=350 height=*/></div>
行 9： 行 12：
 
# 波長比紫光短的有紫外線，常用於殺菌、殺病毒
 
# 波長比紫光短的有紫外線，常用於殺菌、殺病毒
  
 +
==人類視覺的感光細胞==
 +
<div style='float:right'><img src='https://upload.wikimedia.org/wikipedia/commons/f/f1/1416_Color_Sensitivity.svg' width=320 height=201/></div>
  
 +
# 人類的視桿細胞主要在分辨輪廓
 +
# 人類的視錐細胞有三種，用來感應三種波長的色光：紅、綠、藍
 +
# 所以對人類來說，彩色的色光三原色就是：紅、綠、藍
 +
# 少部分人的有四色視覺：有百分之二至百分之三的女性可能具有四色視覺。
 +
# 大部分鳥類具有四色視覺，比較人類多出感應紫外線的錐狀細胞。
 +
# 螳螂蝦(皮皮蝦)的視覺有 12 種原色。
 +
 +
==人類視覺的數位賦值==
 +
===一、對一個點(像素,pixel)，賦予顏色===
 +
#[http://jendo.org/uploadFiles/跨校選修/205/colorRGB.php 簡易色彩選擇器]
 +
#*可調整RGB數值或滑趕來選擇想要的顏色，或是點下面按鈕看經典顏色的色碼
 +
 +
===二、用點(像素,pixel)構成圖形===
 +
#[http://jendo.org/uploadFiles/跨校選修/205/colorPixel.php 8×8 色彩選擇表格]
 +
#*利用上一個程式學會調色後，在不同的格子畫上不同的顏色
 +
#*試著畫出一個圓圈
 +
#*自己設計一個圖案(或從網路上找一個簡單的圖示)
 +
===三、用簡單的圖形建構意義===
 +
#[http://jendo.org/uploadFiles/跨校選修/205/circleDraw.php SVG 圓形繪圖與編輯]
 +
#* 之前同學們的作業：
 +
#* [http://jendo.org/uploadFiles/跨校選修/205/bearFace1.svg 熊臉一]
 +
#* [http://jendo.org/uploadFiles/跨校選修/205/bearFace2.svg 熊臉二]
 +
#* [http://jendo.org/uploadFiles/跨校選修/205/bearFace3.svg 熊臉三]
 +
#* [http://jendo.org/uploadFiles/跨校選修/205/bearFace4.svg 熊臉四]
 +
#* 利用調整 X,Y 座標、半徑與顏色、層次，可以畫出熊
 +
#* [http://jendo.org/uploadFiles/跨校選修/205/circleDrawBear.php 熊臉的答案]
 +
 +
===四、影片===
 +
# 人腦視覺暫留為 1/16 秒，也就是一個畫面，在人腦中會保留 1/16 秒，然後才能再接受下一個畫面。
 +
# 所以只要每秒傳給人腦 16 張以上的畫面，人腦就會把它們當成連續畫面，變成了動畫和電影。
 +
# 影片的幀率：每一秒張餵給人腦多少張畫面。一般是 24 ；而近年來開始朝 60 或 120 邁進。
 +
# 解析度：寬，每張畫面橫向使用幾點描圖；高，每張畫面縱向使用幾排點來描圖。
 +
<table style='border:none'><tr>
 +
<th style='border:none'><videoflash>SB8tZveHBBI</videoflash></th>
 +
<th style='border:none'>  </th>
 +
<th style='border:none'><videoflash>Si-qA_7cuRA</videoflash></th>
 +
</tr></table>
 +
 +
==復習==
 +
===一、字集===
 
#[http://jendo.org/uploadFiles/跨校選修/205/mkWords.php 編碼轉文字]
 
#[http://jendo.org/uploadFiles/跨校選修/205/mkWords.php 編碼轉文字]
 
#*利用打出編碼，可以確認換過去的文字
 
#*利用打出編碼，可以確認換過去的文字
 
#[http://jendo.org/uploadFiles/跨校選修/205/mkCode.php 文字轉編碼]
 
#[http://jendo.org/uploadFiles/跨校選修/205/mkCode.php 文字轉編碼]
 
#*利用打出文字，可以確認編碼
 
#*利用打出文字，可以確認編碼
−
#[http://jendo.org/uploadFiles/跨校選修/205/colorRGB.php 簡易色彩選擇器]
+
 
−
#*可調整RGB數值或滑趕來選擇想要的顏色，或是點下面按鈕看經典顏色的色碼
+
===二、進位制互轉===
−
#[http://jendo.org/uploadFiles/跨校選修/205/colorPixel.php 5x5 色彩選擇表格]
+
====(一)十進位轉十六進位====
−
#*利用上一個程式學會調色後，在不同的格子畫上不同的顏色
+
[http://jendo.org/uploadFiles/不錯學群/百事數學/mkHex.php http://jendo.org/uploadFiles/不錯學群/百事數學/mkHex.php]
−
#[http://jendo.org/uploadFiles/跨校選修/205/circleDraw.php SVG 圓形繪圖與編輯]
+
====(二)十六進位轉十進位====
−
#*利用調整X,Y座標、半徑與顏色、層次，可以畫出熊
+
[http://jendo.org/uploadFiles/不錯學群/百事數學/mkDec.php http://jendo.org/uploadFiles/不錯學群/百事數學/mkDec.php]
−
#[http://jendo.org/uploadFiles/跨校選修/205/circleDrawBear.php SVG熊熊]
+
 
−
#*熊的答案
+
例：十六進位 → 十進位的計算<br/><br/>xF3=15×16+3=243<br/><br/>
 +
 
 +
====(三)為什麼三個 bit 可以數的數是 2×2×2 而不是 2+2+2====
 +
<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
 +
<tr>
 +
  <th><B>四位位元</B></th>
 +
  <th><B>0000</B></th>
 +
  <th><B>0001</B></th>
 +
  <th><B>0010</B></th>
 +
  <th><B>0011</B></th>
 +
  <th><B>0100</B></th>
 +
  <th><B>0101</B></th>
 +
  <th><B>0110</B></th>
 +
  <th><B>0111</B></th>
 +
  <th><B>1000</B></th>
 +
  <th><B>1001</B></th>
 +
  <th><B>1010</B></th>
 +
  <th><B>1011</B></th>
 +
  <th><B>1100</B></th>
 +
  <th><B>1101</B></th>
 +
  <th><B>1110</B></th>
 +
  <th><B>1111</B></th>
 +
</tr>
 +
<tr>
 +
  <th><B>四粒位元</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚪⚪⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚪⚪⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚪⚫⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚪⚫⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚫⚪⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚫⚪⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚫⚫⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚪⚫⚫⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚪⚪⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚪⚪⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚪⚫⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚪⚫⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚫⚪⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚫⚪⚫</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚫⚫⚪</B></th>
 +
  <th><B>⑧&nbsp;④&nbsp;②&nbsp;①<br/>⚫⚫⚫⚫</B></th>
 +
</tr>
 +
<tr>
 +
  <th bgcolor='#97CBFF' ><B>十六進位數字</B></th>
 +
  <th bgcolor='#97CBFF' ><B>0</B></th>
 +
  <th bgcolor='#97CBFF''><B>1</B></th>
 +
  <th bgcolor='#97CBFF' ><B>2</B></th>
 +
  <th bgcolor='#97CBFF' ><B>3</B></th>
 +
  <th bgcolor='#97CBFF' ><B>4</B></th>
 +
  <th bgcolor='#97CBFF' ><B>5</B></th>
 +
  <th bgcolor='#97CBFF' ><B>6</B></th>
 +
  <th bgcolor='#97CBFF' ><B>7</B></th>
 +
  <th bgcolor='#97CBFF' ><B>8</B></th>
 +
  <th bgcolor='#97CBFF' ><B>9</B></th>
 +
  <th bgcolor='#97CBFF' ><B>A</B></th>
 +
  <th bgcolor='#97CBFF' ><B>B</B></th>
 +
  <th bgcolor='#97CBFF' ><B>C</B></th>
 +
  <th bgcolor='#97CBFF' ><B>D</B></th>
 +
  <th bgcolor='#97CBFF' ><B>E</B></th>
 +
  <th bgcolor='#97CBFF' ><B>F</B></th>
 +
</tr>
 +
<tr>
 +
<th>十進位數字</th>
 +
<th>0</th>
 +
  <th>1</th>
 +
  <th>2</th>
 +
  <th>3</th>
 +
  <th>4</th>
 +
  <th>5</th>
 +
  <th>6</th>
 +
  <th>7</th>
 +
  <th>8</th>
 +
  <th>9</th>
 +
  <th>10</th>
 +
  <th>11</th>
 +
  <th>12</th>
 +
  <th>13</th>
 +
  <th>14</th>
 +
  <th>15</th>
 +
</tr>
 +
</table>

於 2025年3月28日 (五) 08:02 的最新修訂

點名
共筆頁：
  1. http://twees.info:9001/p/MS-6

人類視覺的客觀基礎：電磁波(光)

  1. 所有電磁波的真空速度都一樣
  2. 不同的光用「波長」區分
  3. 波長越長，能量越弱；波長越短，能量越強
  4. 人眼可以看見的光叫「可見光」，波長由長到短分別為紅、橙、黃、藍、靛、紫
  5. 波長比紅光長的有紅外線，常用於遙控器、熱感成像、夜視鏡
  6. 波長比紫光短的有紫外線，常用於殺菌、殺病毒

人類視覺的感光細胞

  1. 人類的視桿細胞主要在分辨輪廓
  2. 人類的視錐細胞有三種，用來感應三種波長的色光：紅、綠、藍
  3. 所以對人類來說，彩色的色光三原色就是：紅、綠、藍
  4. 少部分人的有四色視覺：有百分之二至百分之三的女性可能具有四色視覺。
  5. 大部分鳥類具有四色視覺，比較人類多出感應紫外線的錐狀細胞。
  6. 螳螂蝦(皮皮蝦)的視覺有 12 種原色。

人類視覺的數位賦值

一、對一個點(像素,pixel)，賦予顏色

  1. 簡易色彩選擇器
    • 可調整RGB數值或滑趕來選擇想要的顏色，或是點下面按鈕看經典顏色的色碼

二、用點(像素,pixel)構成圖形

  1. 8×8 色彩選擇表格
    • 利用上一個程式學會調色後，在不同的格子畫上不同的顏色
    • 試著畫出一個圓圈
    • 自己設計一個圖案(或從網路上找一個簡單的圖示)

三、用簡單的圖形建構意義

  1. SVG 圓形繪圖與編輯

四、影片

  1. 人腦視覺暫留為 1/16 秒，也就是一個畫面，在人腦中會保留 1/16 秒，然後才能再接受下一個畫面。
  2. 所以只要每秒傳給人腦 16 張以上的畫面，人腦就會把它們當成連續畫面，變成了動畫和電影。
  3. 影片的幀率：每一秒張餵給人腦多少張畫面。一般是 24 ；而近年來開始朝 60 或 120 邁進。
  4. 解析度：寬，每張畫面橫向使用幾點描圖；高，每張畫面縱向使用幾排點來描圖。
  

復習

一、字集

  1. 編碼轉文字
    • 利用打出編碼，可以確認換過去的文字
  2. 文字轉編碼
    • 利用打出文字，可以確認編碼

二、進位制互轉

(一)十進位轉十六進位

http://jendo.org/uploadFiles/不錯學群/百事數學/mkHex.php

(二)十六進位轉十進位

http://jendo.org/uploadFiles/不錯學群/百事數學/mkDec.php

例：十六進位 → 十進位的計算

xF3=15×16+3=243

(三)為什麼三個 bit 可以數的數是 2×2×2 而不是 2+2+2

四位位元 0000 0001 0010 0011 0100 0101 0110 0111 1000 1001 1010 1011 1100 1101 1110 1111
四粒位元 ⑧ ④ ② ①
⚪⚪⚪⚪		 ⑧ ④ ② ①
⚪⚪⚪⚫		 ⑧ ④ ② ①
⚪⚪⚫⚪		 ⑧ ④ ② ①
⚪⚪⚫⚫		 ⑧ ④ ② ①
⚪⚫⚪⚪		 ⑧ ④ ② ①
⚪⚫⚪⚫		 ⑧ ④ ② ①
⚪⚫⚫⚪		 ⑧ ④ ② ①
⚪⚫⚫⚫		 ⑧ ④ ② ①
⚫⚪⚪⚪		 ⑧ ④ ② ①
⚫⚪⚪⚫		 ⑧ ④ ② ①
⚫⚪⚫⚪		 ⑧ ④ ② ①
⚫⚪⚫⚫		 ⑧ ④ ② ①
⚫⚫⚪⚪		 ⑧ ④ ② ①
⚫⚫⚪⚫		 ⑧ ④ ② ①
⚫⚫⚫⚪		 ⑧ ④ ② ①
⚫⚫⚫⚫
十六進位數字 0 1 2 3 4 5 6 7 8 9 A B C D E F
十進位數字 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
取自 "http://science4everyone.net/MediaWiki/index.php?title=動手學科學/物質科學Ⅲ/色碼與點陣圖&oldid=8435"