整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
者：京東健康 陳剛
近年來(lái)，隨著人工智能技術(shù)，VR，元宇宙等技術(shù)的發(fā)展（可以閱讀 從Chat-GPT看技術(shù)概念及醫(yī)療領(lǐng)域科技與應(yīng)用場(chǎng)景 ），數(shù)字人（Digital Human）逐漸成為研究的熱點(diǎn)之一，數(shù)字人是指通過(guò)計(jì)算機(jī)技術(shù)模擬出的具有人類外表，動(dòng)作和語(yǔ)言能力的虛擬人物，具體可以應(yīng)用到電影、游戲、虛擬現(xiàn)實(shí)、智能客服、帶貨主播等多個(gè)領(lǐng)域。
本文大致分為三個(gè)章節(jié)：
1.第一部分會(huì)介紹常用技術(shù)以及簡(jiǎn)介，以及自己用到構(gòu)建一個(gè)自己虛擬數(shù)字人用到的3D引擎和三維軟件
2.第二部分會(huì)詳細(xì)描述生成細(xì)節(jié)，通過(guò)照片建模，創(chuàng)建模型，添加細(xì)節(jié)，添加表情，優(yōu)化效果，接入場(chǎng)景，最終效果
3.第三部分總結(jié)本篇內(nèi)容
從預(yù)見(jiàn)未來(lái)到遇見(jiàn)未來(lái)，讓我們開(kāi)始，向上吧技術(shù)人！！！
要聊需要那些技術(shù)，先聊需要那些步驟？
?收集數(shù)據(jù)：首先需要收集自己的數(shù)據(jù)，包括照片、視頻、聲音等，這些數(shù)據(jù)將成為數(shù)字人的基礎(chǔ)。
?人臉檢測(cè)：利用計(jì)算機(jī)視覺(jué)技術(shù)對(duì)照片進(jìn)行處理，檢測(cè)出其中的人臉。可以使用已有的人臉檢測(cè)算法，例如OpenCV、Dlib等。
?人臉識(shí)別：對(duì)于檢測(cè)出來(lái)的人臉，需要利用人臉識(shí)別技術(shù)對(duì)其進(jìn)行識(shí)別和分析，從而獲取人臉的各種特征和信息。可以使用已有的人臉識(shí)別算法，例如FaceNet、VGGFace等。
?3D建模技術(shù)：數(shù)字人是一種三維模型，因此需要掌握3D建模技術(shù)。這包括了掌握3D建模軟件的使用，如Blender、Maya、ZBrush等。
?優(yōu)化細(xì)節(jié)：優(yōu)化數(shù)字人的各種細(xì)節(jié)，包括皮膚紋理、發(fā)型、服裝等，讓數(shù)字人更加真實(shí)、生動(dòng)。
?材質(zhì)和紋理制作技術(shù)：數(shù)字人需要具有逼真的材質(zhì)和紋理，因此需要掌握材質(zhì)和紋理制作技術(shù)。這包括了掌握材質(zhì)和紋理制作軟件的使用，如Substance Painter、Photoshop等。
?動(dòng)畫(huà)制作技術(shù)：數(shù)字人需要具有動(dòng)態(tài)的動(dòng)作和表情，因此需要掌握動(dòng)畫(huà)制作技術(shù)。這包括了掌握動(dòng)畫(huà)制作軟件的使用，如Unity、Unreal Engine等。
??
以下文字內(nèi)容較多，先放一個(gè)自己建好的模型
?Photoshop、相機(jī)：這部分忽略一下，哈哈哈
?Stable Diffusion：AI圖像生成工具，一個(gè)基于Latent Diffusion Models（潛在擴(kuò)散模型，LDMs）的文圖生成（text-to-image）模型，生成圖片的原理是通過(guò)模擬穩(wěn)定擴(kuò)散過(guò)程并生成相應(yīng)的數(shù)據(jù)，然后將數(shù)據(jù)可視化展示為圖片，以幫助用戶更好地理解實(shí)驗(yàn)結(jié)果和數(shù)據(jù)特征
?ChatGPT：OpenAI團(tuán)隊(duì)ChatGPT-4O開(kāi)發(fā)了一種新的技術(shù)，使ChatGPT也可以生成圖片。這種技術(shù)被稱為DALL·E（即“Drawing Artificially with a Learned Language Model and a Encoder”），它結(jié)合了語(yǔ)言模型和圖像編碼器的能力，能夠根據(jù)給定的文本描述生成對(duì)應(yīng)的圖片。
?OpenCV：是一個(gè)用于計(jì)算機(jī)視覺(jué)的開(kāi)源庫(kù)，它提供了許多常用的計(jì)算機(jī)視覺(jué)算法和工具，如圖像處理、特征提取、物體檢測(cè)、人臉識(shí)別、跟蹤等。OpenCV支持多種編程語(yǔ)言，包括C++、Python等。
?Dlib：是一個(gè)C++庫(kù)，它提供了用于機(jī)器學(xué)習(xí)、圖像處理、計(jì)算機(jī)視覺(jué)等領(lǐng)域的算法和工具。其中最知名的功能是人臉識(shí)別，它基于深度學(xué)習(xí)和傳統(tǒng)的計(jì)算機(jī)視覺(jué)技術(shù)，并提供了人臉對(duì)齊、人臉特征提取等功能。
?FaceNet：是由Google開(kāi)發(fā)的一個(gè)深度學(xué)習(xí)算法，用于將人臉圖像轉(zhuǎn)換為高維向量表示，從而實(shí)現(xiàn)人臉識(shí)別。FaceNet使用了三個(gè)主要組件：卷積神經(jīng)網(wǎng)絡(luò)、三元組損失函數(shù)和在線學(xué)習(xí)方法，這些組件使得FaceNet能夠在大規(guī)模人臉識(shí)別任務(wù)中達(dá)到很高的準(zhǔn)確率。
?VGGFace：是由牛津大學(xué)的研究團(tuán)隊(duì)開(kāi)發(fā)的人臉識(shí)別算法，它基于深度卷積神經(jīng)網(wǎng)絡(luò)，并使用了許多卷積層和池化層來(lái)提取人臉圖像的特征。VGGFace包含了兩個(gè)模型：VGGFace和VGGFace2，其中VGGFace是一個(gè)較早的模型，而VGGFace2是一個(gè)新的模型，它在大規(guī)模人臉識(shí)別任務(wù)中具有更好的性能。
??
?Blender：是一個(gè)用于三維建模、動(dòng)畫(huà)、渲染和交互式應(yīng)用程序開(kāi)發(fā)的開(kāi)源軟件。它支持多種三維對(duì)象的創(chuàng)建和編輯，包括多邊形網(wǎng)格、NURBS曲線、體積網(wǎng)格等，并提供了豐富的材質(zhì)和紋理編輯器，可以幫助用戶創(chuàng)建出逼真的場(chǎng)景和角色。
?Metashape：前身為PhotoScan）是一個(gè)用于三維重建和地形建模的商業(yè)軟件。它可以根據(jù)照片生成高精度的數(shù)字模型，并提供了多種渲染選項(xiàng)和工具，如紋理映射、貼圖、相機(jī)校準(zhǔn)等。Metashape還可以將生成的模型導(dǎo)出到其他軟件中進(jìn)行后續(xù)處理和應(yīng)用。
?Maya：是一款專業(yè)級(jí)的三維建模和動(dòng)畫(huà)軟件，廣泛用于電影、電視、游戲等領(lǐng)域。它提供了豐富的建模和動(dòng)畫(huà)工具，包括多邊形網(wǎng)格、NURBS曲線、動(dòng)力學(xué)仿真、粒子系統(tǒng)等，并支持多種渲染引擎，如Arnold、V-Ray等。
?ZBrush：是一款專業(yè)級(jí)的數(shù)字雕刻軟件，用于創(chuàng)建高精度的三維模型和角色。它提供了多種繪畫(huà)和雕刻工具，包括多邊形建模、紋理映射、雕刻筆刷等，并支持實(shí)時(shí)預(yù)覽和交互式渲染。
?LayaAir：是一個(gè)用于Web、移動(dòng)和小游戲開(kāi)發(fā)的HTML5引擎。它提供了多種功能和工具，如3D渲染、物理引擎、GUI編輯器等，可以幫助用戶創(chuàng)建出高效、高質(zhì)量的Web應(yīng)用和游戲。LayaAir還支持多種開(kāi)發(fā)語(yǔ)言，包括JavaScript、TypeScript等。
??
?Unity3D：Unity3D是一款實(shí)時(shí)3D互動(dòng)內(nèi)容創(chuàng)作和運(yùn)營(yíng)平臺(tái)，支持多種平臺(tái)和設(shè)備，包括PC、移動(dòng)設(shè)備、虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)等。Unity3D提供了強(qiáng)大的編輯器和工具，支持C#和UnityScript等多種編程語(yǔ)言，可用于游戲開(kāi)發(fā)、AR/VR應(yīng)用開(kāi)發(fā)等。
?Unreal Engine: Unreal Engine是一款由Epic Games開(kāi)發(fā)的3D游戲引擎，同樣支持多種平臺(tái)和設(shè)備，包括PC、主機(jī)、移動(dòng)設(shè)備、VR和AR等。Unreal Engine提供了強(qiáng)大的編輯器和工具，支持C++和藍(lán)圖等多種編程方式，可用于游戲開(kāi)發(fā)、建筑可視化、虛擬展覽等。
?CryEngine：CryEngine是一款由Crytek開(kāi)發(fā)的3D游戲引擎，同樣支持多種平臺(tái)和設(shè)備，包括PC、主機(jī)、移動(dòng)設(shè)備、VR和AR等。CryEngine提供了強(qiáng)大的編輯器和工具，支持C++和Lua等多種編程方式，可用于游戲開(kāi)發(fā)、建筑可視化、虛擬展覽等。
?Godot：Godot是一款免費(fèi)、開(kāi)源的3D游戲引擎，支持多種平臺(tái)和設(shè)備，包括PC、移動(dòng)設(shè)備、Web和VR等。Godot提供了強(qiáng)大的編輯器和工具，支持GDScript和C#等多種編程語(yǔ)言，可用于游戲開(kāi)發(fā)、AR/VR應(yīng)用開(kāi)發(fā)等。
部分軟件圖標(biāo)
??
除了以上技術(shù)應(yīng)該還有很多技術(shù)，歡迎大家熱烈討論和在評(píng)論區(qū)補(bǔ)充
有以下三種辦法
1、使用 https://avatarsdk.com/ 在線制作，這個(gè)H5是基于WebGL的OpenCV技術(shù)構(gòu)建，可以傳一張照片（高p的）生成頭的模型，也可以生成頭和身體模型。
??
為了不影響建模，一般選擇禿頭，導(dǎo)出數(shù)字人頭部模型
??
2、使用Polycam軟件應(yīng)用上傳生成導(dǎo)出
拍照時(shí)自己站著不要?jiǎng)樱覀冏鰯?shù)字人需要頭就可以，拍照的仰角和俯角傾斜，拍40張左右即可
??
導(dǎo)入Blender進(jìn)行對(duì)點(diǎn)云部分刪除部分，分析建模，然后導(dǎo)出數(shù)字人頭部模型
??
3、通過(guò)照片,格式工廠，在Metashape構(gòu)建模型 對(duì)點(diǎn)云進(jìn)行處理 導(dǎo)出數(shù)字人頭部模型，原理是一樣的
以上方式根據(jù)具體的需求來(lái)，第二三種方式更逼真。
安裝 MetaHuman插件（數(shù)字人）、 Bridge插件（建模）、LiveLink插件（交互動(dòng)作）。插件都裝好后，重啟虛幻引擎
1、導(dǎo)入我們第一步的模型，創(chuàng)建MetaHuman實(shí)體，并給實(shí)體命名，注意這個(gè)名字就是你數(shù)字人的名字
??
2、雙擊進(jìn)入，面部選擇網(wǎng)格體也就是我們第一步生成的頭像模型，并給小人選擇合適身體
??
繼續(xù)點(diǎn)擊提升幀，追蹤活動(dòng)幀，效果如下圖
??
繼續(xù)點(diǎn)擊MetaHuman本體解算、網(wǎng)格體轉(zhuǎn)MetaHuman。
3、在UE5中打開(kāi)Bridge，登陸一下賬號(hào)，只有l(wèi)ogo的就是我們的小人了。忽略我設(shè)計(jì)的禿頂和爆炸頭小陳
??
選中l(wèi)ogo模型，點(diǎn)擊START MHC進(jìn)入MetaHuman Creator網(wǎng)頁(yè)， https://metahuman.unrealengine.com/ 進(jìn)一步加工我們的MetaHuman吧
??
對(duì)骨骼，膚色，頭發(fā)，牙齒，身體，表情動(dòng)作等進(jìn)行調(diào)整，內(nèi)容太豐富，建議自己嘗試，放一個(gè)眼影小陳，和大胡子小陳
??
??
1、打開(kāi)Bridge點(diǎn)擊Down
??
2、添加小人到項(xiàng)目中后項(xiàng)目中多了一個(gè)MetaHuman的文件夾，移動(dòng)到你的場(chǎng)景吧
??
3、最終效果圖，只下載好了（網(wǎng)速不好）禿頭小陳實(shí)在不好放大，下次做個(gè)好看的在更新下文章吧。
本文介紹了如何打造一個(gè)數(shù)字人，描述業(yè)內(nèi)常用的一些軟件和技術(shù)棧，并實(shí)戰(zhàn)打造一個(gè)以自己為模型構(gòu)建的虛擬數(shù)字人，并詳細(xì)描述了全過(guò)程。總的來(lái)說(shuō)數(shù)字人具備了逼真的人類外貌、身體動(dòng)作和語(yǔ)言能力的虛擬人物，不同的制作方法和技術(shù)可以實(shí)現(xiàn)不同的效果和應(yīng)用，選擇合適的方法和技術(shù)需要根據(jù)具體需求和項(xiàng)目情況來(lái)確定。
大家將就看完了，模型還是丑丑的，下一步持續(xù)提升，讓數(shù)字人擁有智慧，擁有交互，擁有顏值（畢竟顏值才是正義）。
關(guān)于數(shù)字人如何創(chuàng)建和相關(guān)技術(shù)就介紹到這里啦，我也是剛?cè)腴T，有不對(duì)的地方和需要補(bǔ)充的，歡迎大家指正，希望對(duì)大家所有幫助，也歡迎多多點(diǎn)贊收藏。
最后關(guān)于數(shù)字人的應(yīng)用場(chǎng)景和結(jié)合實(shí)際的落地效果，大家有好的idea也可以一起討論。
我們是互聯(lián)網(wǎng)醫(yī)療服務(wù)團(tuán)隊(duì)，主要是在醫(yī)藥閉環(huán)流程中，承接醫(yī)患兩端服務(wù)平臺(tái)，包括派單、問(wèn)診、處方等垂直領(lǐng)域業(yè)務(wù)，團(tuán)隊(duì)一直致力于在醫(yī)療行業(yè)中探索和應(yīng)用各種新興的科技手段。目前主要在醫(yī)學(xué)對(duì)話，遠(yuǎn)程醫(yī)療、醫(yī)學(xué)影像診斷等方面進(jìn)行探索和嘗試，相信可以為醫(yī)生和患者帶來(lái)更好的醫(yī)療服務(wù)體驗(yàn)。
今天開(kāi)始，F(xiàn)lash將正式退役，其實(shí)早在2017年，Adobe就宣布將在2020年12月底停止對(duì)Flash Player更新，鼓勵(lì)內(nèi)容開(kāi)發(fā)者轉(zhuǎn)換為其他開(kāi)放格式。對(duì)于很多80后來(lái)說(shuō)，終結(jié)的不只是Flash瀏覽器插件，還有爺青結(jié)。
1996年之前，互聯(lián)網(wǎng)還是一個(gè)靜默、沉悶的地方，F(xiàn)lash的出現(xiàn)開(kāi)始讓它充滿聲音和色彩。像4399、7K7K、2144...... 這些五花八門的 Flash 小游戲網(wǎng)站，也成為很多人游戲啟蒙的開(kāi)端，這些游戲簡(jiǎn)單、易上手，且無(wú)一例外都是用 Flash 制作。
除了游戲之外，F(xiàn)lash動(dòng)畫(huà)也是80后們使用的最廣泛方式之一，我來(lái)帶大家回憶過(guò)去的一些經(jīng)典。首先是Flash動(dòng)畫(huà)中當(dāng)之無(wú)愧的“好萊塢大片”——《NinJia》，它完全采用大片電影的拍攝手法，片中極具張力的精彩畫(huà)面、悠揚(yáng)深長(zhǎng)的音樂(lè)、扣人心弦的故事情節(jié)都讓人感到與眾不同。當(dāng)年上大學(xué)的時(shí)候，英語(yǔ)老師都會(huì)讓我們看一集英語(yǔ)原聲，絕對(duì)是是動(dòng)畫(huà)電影中的上乘之作。
上面那個(gè)可能有人不太熟悉，但是提到小小系列絕對(duì)80后人盡皆知，而且本身小小自己就是個(gè)傳奇。他曾經(jīng)在印刷廠上班，自學(xué)一幀幀畫(huà)出小小動(dòng)畫(huà)系列，為了想要實(shí)現(xiàn)更多的效果，還零基礎(chǔ)學(xué)習(xí)了C、C++、ActionScript、Java等多種語(yǔ)言，這也讓他成為成為中國(guó)閃客第一人。
我非常喜歡小小動(dòng)畫(huà)系列，全都是火柴棍小人形象，只是人物的顏色有所不同。最吸引我們的是在虛擬空間中流暢的打斗動(dòng)作，還有他對(duì)鏡頭的巧妙運(yùn)用，幾個(gè)線條就能演繹出動(dòng)作大片。
對(duì)于當(dāng)時(shí)男女老少通吃的當(dāng)數(shù)央視推出的《快樂(lè)驛站》，很多春晚經(jīng)典小品都被做成動(dòng)畫(huà)，增加了豐富的視覺(jué)效果，令人耳目一新。當(dāng)時(shí)的《快樂(lè)驛站》每集10分鐘，包括經(jīng)典優(yōu)秀的相聲、小品、歌曲、評(píng)書(shū)、電影等，動(dòng)漫植入傳統(tǒng)文化很受歡迎，后來(lái)還推出了周末加長(zhǎng)版。
Flash動(dòng)畫(huà)可以說(shuō)是當(dāng)時(shí)人們玩游戲、看視頻的“默認(rèn)方式”，在高光時(shí)期有著接近98%的市場(chǎng)占有率，不過(guò)現(xiàn)在只有不到4%。主要是因?yàn)镕lash在代碼上有著缺陷，存在許多漏洞會(huì)感染計(jì)算機(jī)。
現(xiàn)在網(wǎng)站都轉(zhuǎn)向 HTML5、WebGL等開(kāi)放網(wǎng)絡(luò)技術(shù)，加載運(yùn)行會(huì)變更快、更節(jié)能、更加安全。所以道個(gè)別吧，永別了Flash。
.Weavesilk
網(wǎng)址：http://weavesilk.com/
一個(gè)繪制三維圖形的網(wǎng)站，不需要什么繪畫(huà)基礎(chǔ)就能畫(huà)得很炫。
進(jìn)入網(wǎng)站后，右上角有兩個(gè)方形按鈕，下面四個(gè)選項(xiàng)，相機(jī)選項(xiàng)是保存圖片，點(diǎn)擊后會(huì)出現(xiàn)預(yù)覽圖，右鍵另存即可保存。圓形按鈕是選項(xiàng)，可以選擇畫(huà)筆的顏色和數(shù)量。下面是我隨手畫(huà)的
2.Raining.FM
網(wǎng)址：http://raining.fm/#
在線傾聽(tīng)風(fēng)雨網(wǎng)絡(luò)電臺(tái)，一個(gè)可以聽(tīng)下雨聲的小網(wǎng)站。可以控制雨聲的大小及雷聲大小，還可以定時(shí)關(guān)閉。下圖是網(wǎng)站的界面，中間有三個(gè)類似云的圖標(biāo)，點(diǎn)擊變成白色代表選中，黑色就是關(guān)閉。點(diǎn)擊右邊咖啡和月亮可以定時(shí)，時(shí)間一到雨聲就關(guān)了。 要說(shuō)這個(gè)網(wǎng)站的作用，可能就是有催眠的效果，挺小清新的網(wǎng)站
3.BetterThanKittens
網(wǎng)址：http://betterthankittens.com/
在線藝術(shù)作品PK貓咪網(wǎng)，進(jìn)入網(wǎng)站就會(huì)隨機(jī)看到一組圖片，比較之后點(diǎn)擊你更喜歡的圖片即可，之后會(huì)顯示哪個(gè)圖片被贊的更多。點(diǎn)擊頁(yè)面下方的Hall of Fame可以欣賞為數(shù)不多能夠戰(zhàn)勝喵星人的作品。喵星人無(wú)敵啊
4.Nirrimi
網(wǎng)址：http://www.nirrimi.com/
澳大利亞Nirrimi女?dāng)z影師官方網(wǎng)站。很年青的攝影師，作品都不錯(cuò)。無(wú)論是內(nèi)容、色彩、用光，都不顯稚嫩，尤其擅長(zhǎng)拍攝女孩。
5.Firefly Collection
網(wǎng)址：http://www.firefly-collection.com/
螢火蟲(chóng)建筑作品收藏網(wǎng)是一個(gè)基于世界特色建筑作品收藏分享的網(wǎng)站。該平臺(tái)主要是致力于別墅、室內(nèi)裝飾方面的展示。在這個(gè)網(wǎng)站可以搜到世界各地的建筑作品，感覺(jué)都挺有特色的。
界面十分友好，左下角可以選擇不同條件搜索，左邊最下面還可以使用google 街景視角實(shí)地觀察。
6.thisissand
網(wǎng)址：http://thisissand.com/
有沒(méi)有喜歡沙子作畫(huà)的，這個(gè)小網(wǎng)站界面十分簡(jiǎn)單，在上面可以用沙子作畫(huà)，畫(huà)筆是根據(jù)重力設(shè)計(jì)的，c是控制沙子的顏色 下圖是我畫(huà)的
7.cubeecraft
網(wǎng)址：http://www.cubeecraft.com/
紙盒人立體模型圖紙分享網(wǎng)，一個(gè)提供免費(fèi)的立體玩偶圖紙下載站點(diǎn)，該網(wǎng)站提供多個(gè)紙盒系列，用戶可以根據(jù)喜歡的模型進(jìn)行下載，打印以后就可以制作了。點(diǎn)擊文章后，文章中間一般有下載鏈接（here），然后就到了下載界面（download），偶然發(fā)現(xiàn)的網(wǎng)站，感覺(jué)挺有意思的，不過(guò)沒(méi)試過(guò)，不知道用什么紙打印，有沒(méi)有會(huì)的? 網(wǎng)站不能搜索，文章按照日期排列的。
8.CGHUB
網(wǎng)址：http://cghub.com/
非常專業(yè)的CG動(dòng)漫、動(dòng)畫(huà)制作分享平臺(tái)，用戶可以觀摩學(xué)習(xí)全球優(yōu)秀同行們的作品。高手云集啊，貌似同胞也不少。images選項(xiàng)可以看排行前面的作品
9.kokokaka
網(wǎng)址：http://www.kokokaka.com/demo/bluebell_ss10/site/#/collection/0
很有意思的廣告，第一次看到這種廣告。
11.omegle
網(wǎng)址：http://www.omegle.com/
這個(gè)估計(jì)很多人都知道，一個(gè)隨機(jī)的聊天網(wǎng)站，可以文字或者視頻聊天，不需注冊(cè)，美國(guó)人和中國(guó)人最多。上午人比較多，左上角可以選擇語(yǔ)言
12.textify
網(wǎng)址：http://textify.it/
一個(gè)使用文本字符覆蓋的可視化圖像處理平臺(tái)。就是把你的圖片用文字堆疊覆蓋，使你圖變成印象派風(fēng)格的。好像只能用谷歌瀏覽器和火狐瀏覽器。 進(jìn)入網(wǎng)站，點(diǎn)擊browse即上傳你的圖片，save即保存。右邊有很多選項(xiàng)，都試一下就知道效果了。
13.baubauhaus
網(wǎng)址：http://www.baubauhaus.com/
一個(gè)提供設(shè)計(jì)靈感、插畫(huà)攝影、潮流時(shí)尚以及藝術(shù)相關(guān)的一切創(chuàng)意靈感作品集合。感覺(jué)類似于輕博客，每個(gè)圖片指向原始網(wǎng)站，所以你可以通過(guò)一張圖片找到其出處，瀑布流瀏覽模式。
14.Ambient Mixer
網(wǎng)址：http://www.ambient-mixer.com/
收集各種大自然的聲音或者軟件做出來(lái)的聲音，挺有味道的一個(gè)網(wǎng)站。很可惜不能免費(fèi)下載
15.InterNet-Map
網(wǎng)址：http://internet-map.net/
可視化網(wǎng)站互聯(lián)網(wǎng)星球是一個(gè)展示世界互聯(lián)網(wǎng)網(wǎng)站的可視化平臺(tái)，將196個(gè)國(guó)家的35萬(wàn)個(gè)網(wǎng)站數(shù)據(jù)整合起來(lái)，并根據(jù)200多萬(wàn)個(gè)網(wǎng)站鏈接將這些“星球”通過(guò)關(guān)系鏈聯(lián)系起來(lái)。星球的大小根據(jù)流量來(lái)算，兩個(gè)星球的距離根據(jù)其相關(guān)程度來(lái)確立的。很新穎的網(wǎng)站，點(diǎn)擊一個(gè)就會(huì)顯示其在當(dāng)?shù)貒?guó)家和世界的排位。整個(gè)網(wǎng)絡(luò)基本被幾個(gè)巨頭霸占。縮小地圖能有意想不到的發(fā)現(xiàn)，可以看網(wǎng)站之間內(nèi)在的聯(lián)系。
16.badnewsrobot
網(wǎng)址：http://badnewsrobot.com/
生活中總不可避免地會(huì)碰到一些壞消息(bad news)，壞消息機(jī)器人（BadNewsRobot）可助你傳遞壞消息，而且對(duì)方不會(huì)知道你是誰(shuí)。進(jìn)入網(wǎng)站后，在email框內(nèi)輸入對(duì)方email，然后是對(duì)方姓名和內(nèi)容，點(diǎn)一下engage the robot 就發(fā)過(guò)去了，其實(shí)就相當(dāng)于一個(gè)信息中轉(zhuǎn)站。
17.Justin.tv
網(wǎng)址：http://www.justin.tv/
一個(gè)生活類的生活直播視頻網(wǎng)站，可以輕易地創(chuàng)建自己的視頻，來(lái)向其他人展示在這個(gè)時(shí)候，世界上都發(fā)生了什么。頻道挺多的，可以邊看邊聊。有唱歌的，有玩游戲的，還有一些軟件高手教學(xué)的（不過(guò)都是說(shuō)英文的）。進(jìn)入網(wǎng)站，在右下角可以選擇中文，首頁(yè)上是觀眾較多的頻道。點(diǎn)擊左邊那個(gè)數(shù)字能看到所有正在直播的頻道
18.Fsymbols:社交網(wǎng)絡(luò)表情符號(hào)大全
網(wǎng)址：http://fsymbols.com/
一個(gè)收集和介紹歐美主流社交網(wǎng)站各類表情符號(hào)的網(wǎng)站，感覺(jué)有點(diǎn)意思。進(jìn)入網(wǎng)站，下面第一個(gè)選項(xiàng)“cool text”是各種工具，能把你的字轉(zhuǎn)化成各種風(fēng)格體（好像只能轉(zhuǎn)英文）。 第三個(gè)選項(xiàng)“l(fā)etters”是轉(zhuǎn)書(shū)信風(fēng)格 。后面就是在各社交網(wǎng)站收集的各類符號(hào)
19. Di.fm 電子舞曲音樂(lè)電臺(tái)
網(wǎng)址：http://www.di.fm/
發(fā)現(xiàn)一個(gè)很酷的電子舞曲電臺(tái)，專注于電子舞曲音樂(lè)流派的音樂(lè)推廣和創(chuàng)作，根據(jù)風(fēng)格分成很多很細(xì)的頻道，但不能下載。網(wǎng)站界面十分友好，一看就會(huì)，上面一排選項(xiàng)分別是“主頁(yè)”風(fēng)格“”預(yù)告“，不容錯(cuò)過(guò)的好網(wǎng)站
20.google art project
網(wǎng)址：http://www.google.com/culturalinstitute/project/art-project
谷歌的一個(gè)和世界很多博物館合作的項(xiàng)目，谷歌運(yùn)用了他的街景技術(shù)，很多博物館都可以全景虛擬參觀，進(jìn)入網(wǎng)站后，有金色小人的博物館就是可以全景參觀的
21.google world wonders project
網(wǎng)址：http://www.google.com/culturalinstitute/project/art-project
和上面那個(gè)網(wǎng)站類似，谷歌推出的幫助你探索名勝古跡的網(wǎng)站，整合了街景視角和谷歌 maps,挺好玩的一個(gè)網(wǎng)站。和你直接在google earth 上相比，多了很多介紹。 有小金人的地方就是可以360視角的
22.hyperlapse
網(wǎng)址：http://hyperlapse.tllabs.io/
很酷的網(wǎng)站，還是谷歌的，全名是谷歌街景超平面實(shí)驗(yàn)室平臺(tái)，高大上啊，此平臺(tái)調(diào)用google街景資料，可以讓你在任何兩個(gè)地點(diǎn)體驗(yàn)一段虛擬駕駛的快感。簡(jiǎn)單說(shuō)就是把街景靜態(tài)的圖像連起來(lái)變成動(dòng)態(tài)的了。
進(jìn)入網(wǎng)站后，右下角就開(kāi)始讀條，那是google選取的比較好的路段，讀完條后平臺(tái)就會(huì)生成一段影片，就像有開(kāi)車一樣的，鼠標(biāo)能控制視角。 如果想換路段，就點(diǎn)擊右下 create your own ,就會(huì)出現(xiàn)A，B，和狙擊圈。A和B代表出發(fā)地和目的地，狙擊圈代表你的視角。最好的路線是直線，橋，隧道和山路，下面是google官方視頻和弩主截圖
23.Loader manual
網(wǎng)址：http://www.ampledesign.co.uk/va/index.htm
一個(gè)音樂(lè)類的網(wǎng)站，動(dòng)動(dòng)鼠標(biāo)就能玩很多樂(lè)器，類似于電子琴。網(wǎng)站很簡(jiǎn)單，視覺(jué)效果不錯(cuò)。進(jìn)入網(wǎng)站，中間有一個(gè)大的正方形方框，方框上邊和下邊一共八種樂(lè)器。點(diǎn)擊即打開(kāi)那種樂(lè)器，樂(lè)器可以疊加，每種樂(lè)器兩個(gè)參數(shù)——間隔和音量（間隔就是彈奏的快慢）。方框右邊abcd是四個(gè)預(yù)設(shè)的參數(shù)。reset即復(fù)原。
24.beatlab
網(wǎng)址：http://www.beatlab.com/create
強(qiáng)烈推薦的網(wǎng)站！！直譯節(jié)奏實(shí)驗(yàn)室，一個(gè)很酷的制作音樂(lè)的網(wǎng)站。只要你有想法，就能在上面做各種風(fēng)格的曲子。目前有將近30種風(fēng)格可以選擇（dubstep，DJ，rock，hiphop...）。下面我詳細(xì)介紹一下頁(yè)面：
進(jìn)入網(wǎng)站后，中間有很多小方框排列成一個(gè)長(zhǎng)方形，有一個(gè)藍(lán)色豎直條在移動(dòng)。藍(lán)色條就相當(dāng)于聲音的移動(dòng)，而各個(gè)小方框就是音樂(lè)原始的元素，豎直排列的小方框組成一個(gè)聲音點(diǎn)。藍(lán)色條讀完就是一段音樂(lè)。
點(diǎn)擊一個(gè)小方框就會(huì)變成黃色，相當(dāng)于加如一個(gè)元素。每一行的元素是一樣的，鼠標(biāo)放在后面那個(gè)齒輪上就會(huì)顯示那一行是什么。點(diǎn)擊齒輪可以調(diào)參數(shù)（分別是音量，速度，最后一個(gè)參數(shù)不知道是什么，有知道的告訴樓主）。按住左鍵不懂可以一直添加
左上角5個(gè)選項(xiàng)調(diào)整體速度，右上第一行骰子可隨機(jī)生成一段音樂(lè)，clear是把元素全部清除，save保存。右上第二行可以加時(shí)間。右下第一行“add more sounds‘可以加一行其他元素，change genre是選擇其他風(fēng)格。右下第二行select是選擇區(qū)域復(fù)制或者清除，undo是撤銷。
初次之外，在explore能看其他人做的曲子，chat就可以在線聊天（要注冊(cè)）。
25.tunein
網(wǎng)址：http://tunein.com/
收集了世界上所有的電臺(tái)的網(wǎng)站，好霸氣啊！從中國(guó)到美國(guó)，亞洲到歐洲，居然還有南極洲。在這個(gè)網(wǎng)站能聽(tīng)到世界上其他地方聲音。第一次看到挺新鮮的。不過(guò)很可惜網(wǎng)站不是很支持中國(guó)的電臺(tái)，除了幾個(gè)大電臺(tái)，其他地方臺(tái)貌似基本都鏈接不上。歐美方面，除了幾個(gè)大電臺(tái)，很多電臺(tái)都不支持內(nèi)地。亞洲方面，領(lǐng)國(guó)很多都支持內(nèi)地。但是，在我換了ip后，就暢通無(wú)阻了。進(jìn)入網(wǎng)站后，網(wǎng)站自動(dòng)選擇簡(jiǎn)體中文。總體感覺(jué)頁(yè)面設(shè)計(jì)十分好，首頁(yè)基本是正在放歌的電臺(tái)。
26.incredibox
網(wǎng)址：http://www.incredibox.com/
制作純?nèi)寺曇魳?lè)的網(wǎng)站，好有創(chuàng)意
進(jìn)入網(wǎng)站，有三種模式供選擇。下面一排符號(hào)分為五類，分別是效果，節(jié)奏，旋律，和聲，和人聲（不知道說(shuō)的對(duì)不對(duì)）。中間有個(gè)很有喜感的猥瑣蜀黍，把下面的符號(hào)推到叔身上，叔就會(huì)發(fā)聲。點(diǎn)一下叔，就停止，雙擊就是移除叔。
27.codecademy
網(wǎng)址：http://www.codecademy.com/zh
一個(gè)學(xué)習(xí)編程的網(wǎng)站，以交互方式學(xué)習(xí)編程（好像有個(gè)私人老師一樣的），面向普通人。有興趣的可以看看。
28.seaquence
網(wǎng)址：http://seaquence.org/
又是個(gè)音樂(lè)類的網(wǎng)站，把音樂(lè)視覺(jué)化了。進(jìn)入網(wǎng)站，能看到左邊的圓圈里有個(gè)類似于微生物的蟲(chóng)子，左邊有很多小方框，點(diǎn)擊就是加一個(gè)元素，挺好玩的。左上角add可以加入小蟲(chóng)，右上share可以分享在網(wǎng)站上（自動(dòng)生成一個(gè)鏈接，下面那個(gè)樓主做的）。至于下面的參數(shù)，不清楚它的原理，有知道的教一教。
29.fun switcher
網(wǎng)址：http://www.funswitcher.com/
有趣的小網(wǎng)站，網(wǎng)站的界面是很多開(kāi)關(guān)組成。每一個(gè)開(kāi)關(guān)是一段錄音，好別出心裁啊！
30.ratemydrawings
網(wǎng)址：http://www.ratemydrawings.com/
在線畫(huà)畫(huà)類網(wǎng)站，上面高手好多。相比其他網(wǎng)站，可以保存畫(huà)畫(huà)過(guò)程傳到網(wǎng)站上（就是你點(diǎn)開(kāi)畫(huà)后，可以看到整個(gè)畫(huà)畫(huà)的步驟）。只要畫(huà)家以這種方式保存就可以看到過(guò)程，也有沒(méi)保存過(guò)程的。一共有三種方式，flash、java和HTML5，不了解他們的區(qū)別
31.bouncy balls
網(wǎng)址：http://neave.com/bouncy-balls/
有創(chuàng)意的（這個(gè)詞用爛了，想不出其他詞了）小網(wǎng)站，點(diǎn)擊左上麥克風(fēng)就可聲音影響球的移動(dòng)，鼠標(biāo)也可以
32.imagination
網(wǎng)址：http://neave.com/imagination/
創(chuàng)意小站，很適合催眠用
33.ustream
網(wǎng)址:http://ustream.tv
視頻直播類網(wǎng)站，比前面那個(gè)專業(yè)。剛看到一個(gè)頻道，有個(gè)人背個(gè)攝像機(jī)在海底直播，
好新鮮。還有個(gè)頻道，是一個(gè)固定機(jī)位直播企鵝的。最給力的是有一個(gè)太空空間站的直播頻道，直播喲！！！看下圖。右下角可選擇中文，唯一蛋疼的是網(wǎng)站需要翻墻。
34.scale of universe
網(wǎng)址：http://cosmos.webbii.net/
物理上關(guān)于數(shù)量級(jí)的小網(wǎng)站，想起了高中書(shū)上的那條咬住自己尾巴的大蛇
35.younow
網(wǎng)址：http://www.younow.com
挺有意思的視頻直播網(wǎng)站。頻道的數(shù)量固定的，每個(gè)表演的只有一分鐘，如果一分種內(nèi)踩的人數(shù)多過(guò)頂?shù)模蛽Q人。如果相反，就再加一分鐘。相當(dāng)于搶麥，競(jìng)爭(zhēng)很激烈，有的挺搞笑
36.buttonbass
網(wǎng)址：http://www.buttonbass.com
各種樂(lè)器，電吉他鍵盤，吉他可以鍵盤控制，有意思！！
37.the planet zero
網(wǎng)址：http://the-planet-zero.com/
小清新網(wǎng)站，耳目一新的感角，宣傳環(huán)保的公益網(wǎng)站，語(yǔ)言是中文
38.NFB bear 71
網(wǎng)址：http://bear71.nfb.ca/#/bear71
公益網(wǎng)站，關(guān)于一個(gè)叫熊71的20分鐘的紀(jì)錄片。網(wǎng)站形式十分新穎，拍的很感人（雖然大部分聽(tīng)不懂）。拍攝者創(chuàng)建了一個(gè)虛擬的3d模型，模型上標(biāo)記了熊在這片區(qū)域的行蹤。收集到的熊的dv片段放在這個(gè)模型上，點(diǎn)擊即看。一進(jìn)入網(wǎng)站，你的攝像頭打開(kāi)的話就會(huì)在模型上有一個(gè)點(diǎn)，移動(dòng)鼠標(biāo)，點(diǎn)也會(huì)跟著動(dòng)。 體驗(yàn)很好，挺有意思
39.androp"bell"music
網(wǎng)址：http://www.androp.jp/bell/
心靈雞湯的小網(wǎng)站，經(jīng)過(guò)時(shí)間的打磨，最初的自己還剩多少？
40.lifesaver
網(wǎng)址：https://life-saver.org.uk/
可以互動(dòng)的公益網(wǎng)站，教急救知識(shí)的。一共三個(gè)場(chǎng)景，你扮演三個(gè)路人急救病人，很有意思
41.wonderwall
網(wǎng)址：http://wonder-wall.com/#project/en
創(chuàng)意網(wǎng)站，屏幕會(huì)扭曲。
42.gif me more power
網(wǎng)址：http://www.gifmemorepower.com/
挺好玩的網(wǎng)站，mtv moblie的廣告。在這網(wǎng)站上你可以做一個(gè)小短片，然后發(fā)上去。網(wǎng)站色彩很明亮，讓我想起《皮囊》。進(jìn)入網(wǎng)站后，菜單有三個(gè)選項(xiàng)，第一個(gè)是4個(gè)官方視頻，第二個(gè)選項(xiàng)是制作短片（第一步輸入你想說(shuō)的話，第二部選擇一段音樂(lè)，第三步從素材中選出部分組成20秒的短片，然后就可以發(fā)上去了，得翻墻才能發(fā)），第三個(gè)選項(xiàng)的翻墻才能看。
43.thisisgrow
網(wǎng)址：http://thankyou.thisisgrow.com/TFWA
各種創(chuàng)意。。。
44.bomomo
http://bomomo.com/
能畫(huà)各種奇怪的圖形。
45.firstperson tetris
http://firstpersontetris.com/
第一視角玩俄羅斯方塊，屏幕會(huì)轉(zhuǎn)，有點(diǎn)意思
46.only because we can
http://www.onlybecausewecan.com/
某服裝品牌高大上的營(yíng)銷廣告，定位年青人。進(jìn)入網(wǎng)站就是一段視頻，點(diǎn)擊視頻就是暫停，此時(shí)，就可以點(diǎn)擊演員身上的衣服，有介紹。挺新穎
47.roxik
http://roxik.com/v/0/
會(huì)跳舞的紙片，挺有趣的技術(shù)。在規(guī)定的方框內(nèi)畫(huà)一幅圖，經(jīng)過(guò)網(wǎng)站處理，圖就變的有骨架了，旁邊會(huì)出現(xiàn)無(wú)數(shù)個(gè)你剛畫(huà)的紙片，下圖樓主畫(huà)的
48.earthcam
http://www.earthcam.com/
收集了世界各地?cái)z像頭的網(wǎng)站，時(shí)代廣場(chǎng)（機(jī)位不少），自由女神像，各地動(dòng)物園。。。。滿足偷窺的欲望，了解地球上其他位置的情況，尤其在節(jié)日的時(shí)候應(yīng)該挺不錯(cuò)。攝像頭主要集中在美國(guó)和歐洲，國(guó)內(nèi)幾乎沒(méi)有。
49.Ian' shoelace site
http://www.fieggen.com/shoelace/lacing.htm
想知道系鞋帶有多少種方法嗎，這個(gè)網(wǎng)站告訴你有無(wú)數(shù)種。有意思！！
網(wǎng)站響應(yīng)速度極快，系鞋帶的方法十分詳細(xì)（不過(guò)是英文的），還配有很簡(jiǎn)潔明了的步驟圖
50.tag galaxy
http://www.taggalaxy.de/
很炫的圖片搜索網(wǎng)站！！只要輸入關(guān)鍵詞，網(wǎng)站中央就會(huì)出現(xiàn)一個(gè)小星球，代表此關(guān)鍵詞的所有圖片，旁邊的小星球是這個(gè)星球的子集（就是此關(guān)鍵詞再分形成的小類）。點(diǎn)擊中間大星球就會(huì)直接出現(xiàn)所有關(guān)于此關(guān)鍵詞的圖片，如點(diǎn)擊小星球就相當(dāng)于選中他的子集。
圖片出現(xiàn)的形式很炫，缺點(diǎn)是加載有點(diǎn)慢，圖片基本是flickr上的（不翻墻看不了）
51.100000 stars
http://workshop.chrome不experiments.能com/stars/
關(guān)于太陽(yáng)系周圍星系的網(wǎng)站，畫(huà)面很炫，樓主渣電腦卡了半天才進(jìn)去（進(jìn)不去就重進(jìn)）。進(jìn)去后一個(gè)很大三維全景圖，拖動(dòng)時(shí)發(fā)現(xiàn)圍繞一個(gè)中心在轉(zhuǎn)，滾動(dòng)鼠標(biāo)滾輪往里走，會(huì)顯示很多星系，最后顯示太陽(yáng)系，很奇怪不顯示九大行星。當(dāng)出現(xiàn)其他恒星的名字時(shí)，點(diǎn)擊能切入到那個(gè)恒心視角，再點(diǎn)擊左上角按鈕可以切回大視角
附真實(shí)拍攝的各種圖的網(wǎng)站：http://www.google.com/sky/
52.mp change
http://labs.mppark.jp/hige/
把靜態(tài)的頭像變成動(dòng)態(tài)的，找?guī)讖埫餍堑恼掌瑐魃先ィ餍菚?huì)對(duì)這你笑
53.perrier secret place
http://www.perriersecretplace.com/
一個(gè)很特別的廣告。進(jìn)入網(wǎng)站后，你扮演一個(gè)服務(wù)員（第一視角），正在一個(gè)氣氛曖昧的開(kāi)party的房子里。很好玩的地方就是你可以任意切換視角（房子里一共50多個(gè)人，還包括金魚(yú)視角），目的就是找到5條線索。樓主試了十幾次，只找到一條線索，各位大神可以玩一下
空格是暫停
54.cleverbot
http://www.cleverbot.com/
和電腦對(duì)話，可以練練英語(yǔ)。電腦能一直跟你聊
55.nitrocharge your game
http://www.nitrochargeyourgame.com/
阿迪達(dá)斯做的網(wǎng)站，很酷的音樂(lè)和畫(huà)面（電子噪音），風(fēng)格很棒，還可以拿手機(jī)操作
56.ChronoZoom
http://www.chronozoom.com/#/t00000000-0000-0000-0000-000000000000
關(guān)于從宇宙起源到人類誕生的時(shí)間線的網(wǎng)站，把數(shù)據(jù)變得視覺(jué)化了。鼠標(biāo)滾輪一直往里滾，發(fā)現(xiàn)人類的歷史好短。。
樓主基本看不懂網(wǎng)站的專有名詞，大概也知道各個(gè)時(shí)期（宇宙誕生，地球誕生，生命誕生，最后人類）。進(jìn)入網(wǎng)站，圖的上面是時(shí)間線，下面方框就是各個(gè)時(shí)期，方框里有小方框，圖文并茂，哈哈。可惜都是英文的，沒(méi)有細(xì)看了。
點(diǎn)擊右上方第二個(gè)按鈕，會(huì)自動(dòng)介紹各個(gè)時(shí)期
57.DJ music online
http://www.partycloud.fm/37378309
在線玩混音的，在上面可以在線自己混音。還可以看到別人直播的混音，對(duì)面的動(dòng)作會(huì)在你電腦上同步（點(diǎn)擊左邊recordings 或者online DJs的第二項(xiàng) 可看直播列表）。
58.360 citys
捷克首都：http://360gigapixels.com/petrin-prague-photo/#tab3
倫敦：http://360gigapixels.com/london-80-gigapixel/london-photo-zh.html
東京：http://360gigapixels.com/tokyo-tower-panorama-photo/
其他全景照：http://www.360cities.net/
像素極高的一些城市全景照片，往里拉能看到照片的很多細(xì)節(jié)，牛鼻啊
操作方式和谷歌街景有點(diǎn)不同，圖的左右兩邊那個(gè)快進(jìn)按鈕是作者選取的一些景點(diǎn)
59.兩個(gè)很有意思的學(xué)英語(yǔ)的網(wǎng)站
1.freerice http://www.360cities.net/
答題捐米的公益網(wǎng)站，答對(duì)一道題捐10粒米。各位英語(yǔ)大牛快來(lái)貢獻(xiàn)愛(ài)心把，看樓主成果
2.listen to news http://soundgecko.com/
聽(tīng)英語(yǔ)新聞的網(wǎng)站，輸入任意一篇網(wǎng)上的新聞的網(wǎng)址，它就能幫你把正文轉(zhuǎn)化為語(yǔ)音的，而且口音也挺不錯(cuò)的（比google的翻譯里語(yǔ)音強(qiáng)一萬(wàn)倍），挺有意思的
60.airpano
http://www.airpano.com/
可以在空中360視角看各著名景點(diǎn)的網(wǎng)站，一個(gè)公益類網(wǎng)站。都是選取景色不錯(cuò)的時(shí)候在空中拍的，還配了音樂(lè)，體驗(yàn)很不錯(cuò)
61.surfly
https://surfly.com/ 得翻墻
異地戀的神器，這個(gè)網(wǎng)站提供一個(gè)能和朋友共享的全屏的平臺(tái)，簡(jiǎn)單的說(shuō)，你創(chuàng)建一個(gè)平臺(tái)后，提供一個(gè)地址給你妹子，你干什么就能在她的電腦上顯示，一起看電影，或者干其他事，很有意思的工具， 可惜要翻墻，希望國(guó)內(nèi)也能有一個(gè)這樣的工具
62.兩個(gè)網(wǎng)上商店
1.Grand St
https://grandst.com/
各種小科技創(chuàng)意物品，尋找靈感的好地方
2.Fiverr
http://fiverr.com
國(guó)外很有名的5元店，走過(guò)路過(guò)千萬(wàn)不要錯(cuò)過(guò)，5元你買不了吃虧，買不了。。。。
基本都是5美元的東西，或者是服務(wù)，各種5元，5元做視頻，錄歌，翻譯，全是5元。。。、
有興趣的可以關(guān)注東兒只愛(ài)你頭條號(hào)，相互分享和交流！共同學(xué)習(xí)，共同進(jìn)步。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
