Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产成人精品日本亚洲专 ,激情小视频在线观看,在线播放三级

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          「前端小白福利」HTML5+CSS3零基礎(chǔ)實(shí)戰(zhàn)特訓(xùn)班-就業(yè)班課程

          前端小白福利」HTML5+CSS3零基礎(chǔ)實(shí)戰(zhàn)特訓(xùn)班-就業(yè)班課程

          來百度APP暢享高清圖片

          //下栽のke:chaoxingit.com/527/

          前端小白福利:HTML5+CSS3零基礎(chǔ)實(shí)戰(zhàn)詳解

          對于初入前端領(lǐng)域的新手來說,HTML5和CSS3是兩個非常重要的基礎(chǔ)知識。它們是構(gòu)建網(wǎng)頁的基礎(chǔ),也是學(xué)習(xí)其他前端技術(shù)的基礎(chǔ)。本文將詳細(xì)介紹HTML5和CSS3的基礎(chǔ)知識,并通過一個實(shí)戰(zhàn)項目幫助新手更好地理解和掌握它們。

          一、HTML5基礎(chǔ)知識

          HTML是HyperText Markup Language(超文本標(biāo)記語言)的縮寫,是網(wǎng)頁的基礎(chǔ)結(jié)構(gòu)。HTML5是HTML的最新版本,它新增了許多功能和元素,使得網(wǎng)頁更加豐富和靈活。

          1. 元素和標(biāo)簽HTML文檔是由各種元素和標(biāo)簽組成的。例如,<h1>是一個標(biāo)題元素,用于定義主標(biāo)題;<p>是一個段落元素,用于定義一段文字。
          2. 屬性HTML5中新增了許多屬性,用于提供更多的信息。例如,class屬性用于指定元素的類名,以便在CSS中定義樣式;src屬性用于指定圖像的來源地址。
          3. 表格HTML5新增了表格元素<table>和相關(guān)屬性,使得表格更加靈活和易于使用。
          4. 多媒體元素HTML5新增了<audio>和<video>元素,用于在網(wǎng)頁中嵌入音頻和視頻。

          二、CSS3基礎(chǔ)知識

          CSS是Cascading Style Sheets(層疊樣式表)的縮寫,用于描述網(wǎng)頁的外觀和格式。CSS3是CSS的最新版本,新增了許多樣式效果,如邊框、圓角、陰影等。

          1. 選擇器CSS選擇器用于指定要應(yīng)用的樣式規(guī)則。常見的選擇器包括元素選擇器、類選擇器、ID選擇器等。
          2. 屬性值CSS屬性值用于指定樣式的具體樣式,如顏色、字體、大小等。CSS3新增了許多屬性值,如漸變顏色、陰影效果等。
          3. 盒模型CSS盒模型是網(wǎng)頁布局的基礎(chǔ),它由內(nèi)容、內(nèi)邊距、邊框和外邊距組成。理解盒模型對于掌握網(wǎng)頁布局非常重要。
          4. 動畫和過渡效果CSS3新增了動畫和過渡效果,可以通過簡單的代碼實(shí)現(xiàn)復(fù)雜的動畫效果。

          實(shí)戰(zhàn)項目:制作一個簡單的網(wǎng)頁

          以下是一個簡單的網(wǎng)頁實(shí)戰(zhàn)項目,涵蓋了基本的HTML和CSS知識。這個例子是一個包含導(dǎo)航欄、標(biāo)題、文字內(nèi)容和圖像的基本網(wǎng)頁。

          1. 創(chuàng)建 HTML 文件

          首先,創(chuàng)建一個HTML文件,命名為index.html。

          html<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,     initial-scale=1.0">    <title>My Simple Website</title>    <link rel="stylesheet" href="styles.css"></head><body>    <!-- 導(dǎo)航欄 -->    <nav>        <ul>            <li><a href="#home">Home</a></li>            <li><a href="#about">About</a></li>            <li><a href="#contact">Contact</a></li>        </ul>    </nav>    <!-- 主要內(nèi)容 -->    <div class="container">        <h1>Welcome to My Simple Website</h1>        <p>This is a basic example of a web page created         using HTML and CSS.</p>        <div class="image-container">            <img src="example-image.jpg" alt="Example Image">        </div>    </div></body></html>

          2. 創(chuàng)建 CSS 文件

          創(chuàng)建一個名為styles.css的CSS文件,用于樣式化網(wǎng)頁。

          cssbody {    font-family: 'Arial', sans-serif;    margin: 0;    padding: 0;}nav {    background-color: #333;    color: white;    text-align: center;    padding: 10px;}nav ul {    list-style: none;    margin: 0;    padding: 0;}nav li {    display: inline;    margin-right: 10px;}nav a {    text-decoration: none;    color: white;}.container {    max-width: 800px;    margin: 20px auto;    text-align: center;}.image-container {    margin-top: 20px;}img {    max-width: 100%;    height: auto;}

          3. 添加圖片

          將一張圖片(例如,example-image.jpg)放在與HTML文件相同的目錄中。

          4. 打開網(wǎng)頁

          使用瀏覽器打開index.html文件,查看你的簡單網(wǎng)頁。這個項目包括一個簡單的導(dǎo)航欄、主要內(nèi)容區(qū)域和一個圖片。通過這個實(shí)戰(zhàn)項目,你可以學(xué)到如何創(chuàng)建基本的HTML結(jié)構(gòu),添加樣式以美化頁面,并通過CSS選擇器和布局創(chuàng)建簡單的頁面結(jié)構(gòu)。

          三、用途和未來前景

          用途:

          1. 網(wǎng)頁開發(fā): HTML5和CSS3是構(gòu)建網(wǎng)頁的基礎(chǔ)技術(shù)。HTML5提供了更多的語義化標(biāo)簽,使得頁面結(jié)構(gòu)更清晰,而CSS3則提供了更多的樣式和布局選項,使得頁面設(shè)計更靈活和吸引人。
          2. 移動端開發(fā): 隨著移動設(shè)備的普及,HTML5成為移動端應(yīng)用開發(fā)的關(guān)鍵技術(shù)之一。它支持響應(yīng)式設(shè)計,使得網(wǎng)頁能夠適應(yīng)不同尺寸的屏幕,并且具備一些移動端特有的功能,比如地理定位、離線緩存等。
          3. 跨平臺應(yīng)用: 基于HTML5的跨平臺框架如React Native、Flutter等允許開發(fā)者使用HTML5技術(shù)構(gòu)建原生應(yīng)用。這樣一來,開發(fā)者可以用相同的技術(shù)棧在不同平臺上開發(fā)應(yīng)用,提高開發(fā)效率。
          4. 富媒體應(yīng)用: HTML5引入了許多新的元素和API,使得在網(wǎng)頁上嵌入音頻、視頻、動畫等富媒體內(nèi)容更為容易。這為創(chuàng)建交互性和吸引人的網(wǎng)站提供了更多的可能性。
          5. 游戲開發(fā): 利用HTML5的Canvas和WebGL等技術(shù),開發(fā)者可以創(chuàng)建簡單到復(fù)雜的Web游戲,而無需依賴額外的插件。

          未來前景:

          1. Web技術(shù)的普及: HTML5和CSS3是Web技術(shù)的主要推動者之一。隨著互聯(lián)網(wǎng)的不斷發(fā)展,對于高性能、跨平臺的Web應(yīng)用的需求將繼續(xù)增加。
          2. 前端工程化的發(fā)展: 隨著前端工程化的發(fā)展,前端技術(shù)棧逐漸變得更加復(fù)雜,需要更多的專業(yè)知識。HTML5和CSS3作為基礎(chǔ),使得開發(fā)者能夠更好地理解和適應(yīng)現(xiàn)代前端開發(fā)的要求。
          3. 移動互聯(lián)網(wǎng)的發(fā)展: 隨著移動設(shè)備的普及,HTML5在移動應(yīng)用開發(fā)中的應(yīng)用將變得更加廣泛。一些新興技術(shù),如Progressive Web Apps(漸進(jìn)式Web應(yīng)用),將進(jìn)一步推動HTML5的應(yīng)用范圍。
          4. 新興技術(shù)的整合: HTML5和CSS3的發(fā)展將與其他新興技術(shù)整合,如WebAssembly、WebVR、WebXR等,為Web開發(fā)帶來更多可能性。

          總體而言,HTML5和CSS3是學(xué)習(xí)前端開發(fā)的必備基礎(chǔ),未來它們的重要性將繼續(xù)增強(qiáng)。通過深入理解這兩項技術(shù),你可以為自己在前端領(lǐng)域的發(fā)展打下堅實(shí)的基礎(chǔ)。

          四、優(yōu)勢和適合人群以及總結(jié)

          優(yōu)勢:

          1. 易于入門: HTML5和CSS3是前端開發(fā)的基礎(chǔ),對于初學(xué)者來說,它們相對容易理解和上手。學(xué)習(xí)過程中可以立即看到成果,這有助于增強(qiáng)學(xué)習(xí)動力和興趣。
          2. 實(shí)戰(zhàn)項目: 通過實(shí)際項目實(shí)戰(zhàn),學(xué)習(xí)者可以更深入地理解HTML5和CSS3的各種概念和技術(shù),從而加深對這兩項技術(shù)的理解和掌握。
          3. 強(qiáng)化基礎(chǔ): 對于前端開發(fā)者來說,扎實(shí)的HTML5和CSS3基礎(chǔ)是必不可少的。通過實(shí)戰(zhàn)項目,可以鞏固基礎(chǔ)知識,并逐步提升技能水平。
          4. 應(yīng)用廣泛: HTML5和CSS3是構(gòu)建網(wǎng)頁和Web應(yīng)用的核心技術(shù),具有廣泛的應(yīng)用前景。掌握了這兩項技術(shù),可以為未來的前端開發(fā)工作奠定良好的基礎(chǔ)。

          適合人群:

          1. 初學(xué)者: 對于想要進(jìn)入前端開發(fā)領(lǐng)域的初學(xué)者來說,HTML5+CSS3實(shí)戰(zhàn)課程是一個理想的起點(diǎn)。它們的簡單性和實(shí)用性使其成為初學(xué)者學(xué)習(xí)的良好選擇。
          2. 自學(xué)者: 對于喜歡自主學(xué)習(xí)并通過實(shí)踐項目來提升技能的人來說,HTML5+CSS3實(shí)戰(zhàn)課程是一個不錯的選擇。通過跟隨項目,他們可以系統(tǒng)地學(xué)習(xí)和掌握前端開發(fā)的基礎(chǔ)知識。
          3. 轉(zhuǎn)行者: 對于想要轉(zhuǎn)行到前端開發(fā)領(lǐng)域的人來說,HTML5+CSS3實(shí)戰(zhàn)課程可以幫助他們快速入門,并為將來的職業(yè)發(fā)展打下基礎(chǔ)。

          總結(jié):

          學(xué)習(xí)《前端小白福利》HTML5+CSS3零基礎(chǔ)實(shí)戰(zhàn)具有明顯的優(yōu)勢和適合的人群。它不僅能夠幫助初學(xué)者快速入門前端開發(fā),還能夠幫助自學(xué)者和轉(zhuǎn)行者打下良好的基礎(chǔ)。通過實(shí)戰(zhàn)項目的學(xué)習(xí),學(xué)習(xí)者可以掌握HTML5和CSS3的核心技術(shù),并為未來的前端開發(fā)工作做好準(zhǔn)備。

          前我在家無聊翻看舊電腦硬盤的時候,發(fā)現(xiàn)了一個裝滿了 .swf 文件的文件夾。這讓我重新想起,當(dāng)年自己是有多么熱衷于收集 Flash 游戲。

          2017 年 7 月,Adobe 宣布將在 2020 年底停止對 Flash 的支持。目前各大瀏覽器也陸續(xù)阻止了 Flash 的運(yùn)行,也就是說,F(xiàn)lash 將在今年壽終正寢。我對此其實(shí)并無意見,想起國內(nèi)特供版 Flash Player 的彈窗廣告和捆綁流氓軟件的特性,甚至還忍不住笑出聲來。

          Flash 該被淘汰是毋庸置疑的,但 Flash 游戲既是我童年的一個重要的組成部分,而且對游戲行業(yè)的發(fā)展也有著不可忽略的意義。它不應(yīng)該隨著 Flash 被淘汰而消失,它也是一種「游戲遺產(chǎn)」,該以某種方式被保留下來。

          這代人的記憶里,一定有 Flash 游戲

          對一些非常年輕的互聯(lián)網(wǎng)用戶來說,「Flash」很可能只等同于「網(wǎng)頁廣告」,但對與經(jīng)歷過 Flash 內(nèi)容流行的那段時光的人來說可不一樣。

          那一年,愛看書的同學(xué)間流行的是韓寒郭敬明,運(yùn)動系的同學(xué)崇拜姚明奧尼爾;最風(fēng)靡校園的「動畫御三家」是《火影忍者》《高達(dá)Seed》《鋼之煉金術(shù)師》,租機(jī)房最受歡迎的是 PS2 上的《火影忍者:木葉的忍者英雄們》,而網(wǎng)吧最流行的是《魔獸爭霸3》《CS》和《冒險島》。

          這一年,我從上大學(xué)的表姐那得到了一臺舊電腦。受家庭觀念和經(jīng)濟(jì)條件影響,我小時候一直沒太多機(jī)會玩游戲。擁有電腦之后,我終于有了「偷偷去網(wǎng)吧和租機(jī)房」「去同學(xué)家」和「上電腦課」之外的第四個接觸游戲的途徑。

          不過,當(dāng)時家里沒有網(wǎng)絡(luò),舊電腦的性能也跑不動什么游戲,除了偶爾打開不知道誰安裝上去的英文版《魔獸爭霸2》瞎操作一番之外,我只能翻來覆去地看表姐忘記刪掉的 480p《鋼之煉金術(shù)師》。直到某次在電腦課上學(xué)會把網(wǎng)頁上的 Flash 保存到本地后,F(xiàn)lash 游戲就在很長一段時間內(nèi)成為了我的主要娛樂方式。

          每逢有機(jī)會在學(xué)校、親戚家上網(wǎng),我就會打開那個熟悉的 games.21cn.com 尋找喜歡的 Flash 游戲下載帶回家。當(dāng)時的我當(dāng)然不知道這些游戲都來自 ArmorGames、Newgrounds、CrazyMonkeyGames、Miniclip 等平臺,無論是免費(fèi)游戲還是付費(fèi)游戲,嚴(yán)格來說都是盜版。

          不管如何,這些這些幾百 KB 到幾 MB 不等的 .swf 文件給我?guī)砹藦?qiáng)烈的游戲樂趣,哪怕當(dāng)時的我已經(jīng)在租機(jī)房和網(wǎng)吧體驗過當(dāng)時最流行的 PS2 游戲和 PC 游戲。給大家看看我從那時開始積累至今的寶貝:

          比如這個,以《黑客帝國》為題材的動作對戰(zhàn)游戲,完美重現(xiàn)了「子彈時間」,能在打斗中使用「慢動作」和「超慢動作」,還支持本地 1v1 雙人對戰(zhàn)和雙人合作 2v2。

          又比如這個,2D 版的《傳送門》,嘗試降維復(fù)刻原作的謎題關(guān)卡,各種機(jī)關(guān)、凝膠都還原了。當(dāng)時我不懂,后來玩過原作后才知道這 Flash 版做得有多牛逼(可惜 bug 有點(diǎn)多)。

          還有這個,喪尸題材的生存射擊大作。說是「大作」可不是吹牛,游戲中有會影響技能和角色屬性的職業(yè)系統(tǒng),有必須睡覺和進(jìn)食的生存模式,還能設(shè)置喪尸只能爆頭、角色只有一條命的硬核玩法,可玩性極強(qiáng)。

          以上只是我收藏里的幾個例子。許多 Flash 游戲看上去「相貌平平」,但玩起來是相當(dāng)有趣的,再考慮到 Flash 這個載體在技術(shù)和表現(xiàn)力方面的限制,哪怕用今天的標(biāo)準(zhǔn)來衡量也值得贊賞。

          當(dāng)然我也承認(rèn),如果有機(jī)會讓當(dāng)時的我在《英雄無敵3》和 Flash 游戲之間選一個,我大概會毫不猶豫地選前者。但總之,在那些沒有什么選擇的日子里,它們確實(shí)為我?guī)砹嗣篮玫挠螒驎r光。

          下一頁:沒有 Flash,獨(dú)立游戲也許不會有今天

          沒有 Flash,獨(dú)立游戲也許不會有今天

          自 Macromedia 在 1996 年推出第一個版本后的 20 年里,大部分人在互聯(lián)網(wǎng)上干的任何娛樂活動都跟 Flash 密不可分。除了游戲,當(dāng)年還流行各種 Flash 動畫、Flash MV,而且許多網(wǎng)頁上的應(yīng)用程序都依賴 Flash 的支持。

          在 2017 年的 GDC 大會上,游戲門戶網(wǎng)站 Kongregate.com 的付費(fèi)游戲主管約翰 · 庫尼(John Cooney)分享了一個數(shù)據(jù):在 2009 年,帶網(wǎng)絡(luò)連接的電腦中 99% 都安裝了 Flash。這樣規(guī)模的裝機(jī)量令 Flash 擁有壓倒性的優(yōu)勢,在本世紀(jì)的頭十年吸引到無數(shù)程序員選擇使用 Flash 進(jìn)行開發(fā)。甚至我初中的電腦課,都有教如何制作簡單的 Flash 動畫。

          Flash 的原始版本「FutureSplash Animator」最初誕生在一個失敗的手寫運(yùn)算項目中,它并非是為游戲制作而設(shè)計的。直到 2000 年,它才有了真正像樣的游戲工具集。該工具集伴隨著 Flash 動畫和 Newgrounds、Miniclip 這樣的游戲門戶網(wǎng)站的流行而不斷成長,也讓越來越多開發(fā)者接觸到 Flash。

          著名 Flash 游戲《屋頂狂奔》(Canabalt)的開發(fā)者亞當(dāng) · 薩爾斯曼(Adam Saltsman)在一次采訪中提到,他最初就是在一個偶然機(jī)會下開始使用 Flash 的。在某次關(guān)鍵版本更新后,薩爾斯曼愛上了 Flash。對于那些希望快速開發(fā)或迭代開發(fā),并希望與在線社區(qū)分享游戲、征求反饋和評估反應(yīng)的人來說,薩爾斯曼形容「這就像是夢想成真」。

          只要沒有使用大體積的音樂文件,F(xiàn)lash 游戲的體積是相當(dāng)小的,像《屋頂狂奔》就只有幾百 KB。而且因為它運(yùn)行在瀏覽器上,說它「跨平臺」也沒什么問題。此外,F(xiàn)lash 廉價的工具集也對開發(fā)者非常友好。

          薩爾斯曼說,只要有編程頭腦,開發(fā)者完全可以免費(fèi)制作 Flash 游戲。這種生態(tài)催生了許多優(yōu)秀的第三方開發(fā)庫,幫助開發(fā)者更輕松地開發(fā)游戲。薩爾斯曼本人就在 2009 年發(fā)布了一個免費(fèi)的開發(fā)庫,這個庫已經(jīng)被用于數(shù)百個游戲。

          談起 Flash 的好處,參與過《鏟子騎士》聯(lián)合開發(fā)的 Nitrome 的聯(lián)合創(chuàng)始人馬修 · 安奈爾(Matthew Annal)回憶說:

          當(dāng)我成立 Nitrome 的時候,我就想開發(fā)原創(chuàng)游戲。盡管我也在移動平臺嘗試過 J2ME,但 Flash 確實(shí)是當(dāng)時唯一一個可以開發(fā)小規(guī)模原創(chuàng)游戲,并找得到足夠受眾來盈利的選擇。

          在這樣的背景下,當(dāng)時許多有志于從事編程、新媒體藝術(shù)方面工作的人,都選擇從制作 Flash 作品開始自己的職業(yè)生涯。我們所認(rèn)識的許多知名的開發(fā)者,或多或少都曾有過開發(fā) Flash 游戲的經(jīng)歷:

          《以撒的結(jié)合》的開發(fā)者埃德蒙 · 麥克米倫(Edmund McMillen)最初就是一名 Flash 游戲創(chuàng)作者,他的成名作《超級肉肉哥》的前身就是一款名為《肉肉哥》的 Flash 游戲;

          著名塔防游戲《王國保衛(wèi)戰(zhàn)》最初也是一款 Flash 游戲,如果沒有在 Flash 游戲門戶網(wǎng)站獲得成功,其開發(fā)團(tuán)隊 Ironhide Game 也不會轉(zhuǎn)向 iOS 平臺的開發(fā);

          《你裁我剪!斯尼帕》的開發(fā)商 SFB Games 創(chuàng)始人湯姆和亞當(dāng) · 維安(Tom & Adam Vian)兄弟在他們 17 / 14 歲那年創(chuàng)立了 SFB,并在 Flash 游戲門戶網(wǎng)站 Newgrounds 投稿 Flash 影片和游戲,正式成為游戲開發(fā)者;

          此外,還有像《憤怒的小鳥》《部落沖突》《機(jī)械迷城》等等的著名作品,都是從 Flash 版走過來的。

          在 HTML5、WebGL 和 WebAssembly 等開放網(wǎng)頁技術(shù)日趨成熟的當(dāng)下,漏洞多、消耗資源多、容易崩潰的 Flash 被淘汰是大勢所趨。但這十多年來,無數(shù)開發(fā)者的奇思妙想通過 Flash 形成了許多具體的作品,要是都跟著 Flash 一起被埋葬,就太可惜了。

          所幸,已經(jīng)有人在做保護(hù)工作了。

          下一頁:Flash 游戲的守護(hù)者們已經(jīng)在行動了

          Flash 游戲的守護(hù)者們已經(jīng)在行動了

          2019 年 8 月,F(xiàn)lash 門戶網(wǎng)站 Newgrounds 公開了一個名為「Ruffle」的項目。簡而言之,Ruffle 是一個「Flash 播放器模擬器」,能讓你在已經(jīng)禁用了 Flash 的瀏覽器上播放 Flash。曾為 Newgrounds 開發(fā)過 Flash 視頻高清化工具的麥克 · 威爾士(Mike Welsh)正在帶領(lǐng)團(tuán)隊攻克這個項目。

          目前 Newgrounds 已經(jīng)在自家網(wǎng)站開始啟用 Ruffle,最初從弱交互的動畫內(nèi)容開始實(shí)裝,并陸續(xù)擴(kuò)大到所有 Flash 內(nèi)容上。此外,項目還會跟蹤調(diào)查哪些 Flash 游戲?qū)τ|屏友好,稍后還會把 Ruffle 拓展到移動平臺上。

          Ruffle 項目并不是人們?yōu)榱吮A?Flash 游戲所做的唯一努力。

          在 Flash 游戲已經(jīng)「失寵」的當(dāng)下,像 Ruffle 那樣僅僅保證舊網(wǎng)頁上的 Flash 內(nèi)容以后還能播放可能并不足夠。BlueMaxima 的項目 Flashpoint 采用了更徹底的做法 —— 把所有 Flash 內(nèi)容都備份到本地。

          視頻地址

          本 · 拉蒂摩爾(Ben Latimore)從 2017 年起就在為 Flashpoint 項目努力。在他看來,Armor Games、Kongregate、Newgrounds、NotDoppler 等 Flash 門戶網(wǎng)站,它們中有的也許能活下來,但也可能活不下來。無論如何,當(dāng)大家的電腦都無法運(yùn)行 Flash 的時候,F(xiàn)lash 游戲就必定會完全消失。

          所以拉蒂摩爾嘗試把網(wǎng)上能夠找得到的 Flash 資源全部備份到服務(wù)器上,并為所有人提供下載。當(dāng)然,這可能會涉及一些版權(quán)問題。

          Flashpoint 的 FAQ 頁面顯示,該項目開源而且不接受捐贈,若版權(quán)所有人或創(chuàng)作者有所要求,F(xiàn)lashpoint 也會將侵權(quán)作品下架。所以,我想大多數(shù)理智的創(chuàng)作者應(yīng)該都不會介意自己的作品被收錄在這個非盈利性質(zhì)的項目里。

          撰寫本文時,F(xiàn)lashpoint 的版本號已經(jīng)到 7.1 了,庫中已經(jīng)收錄超過 36000 款游戲、2300 個動畫,要把所有內(nèi)容下載到本地的話需要占據(jù) 241GB 的容量。當(dāng)然,你也可以選擇下載僅有作品圖標(biāo),或僅有圖標(biāo)和截圖的版本,播放特定作品時才會下載 .swf 文件。

          我下載了 7.1 版的 Flashpoint 來嘗試,體驗還不錯。你可以按照作品名、標(biāo)簽、開發(fā)商、發(fā)行商來搜索作品,每次進(jìn)入首頁還會給你隨機(jī)推薦 6 款作品。收錄作品數(shù)量確實(shí)是多,不過部分作品無法順利載入,估計跟網(wǎng)絡(luò)環(huán)境有關(guān)。

          那些知名作品固然能在 Flashpoint 里找到,但挖掘那些你所不知道的作品才是最有趣的(比如馬頭社做的 Flash 小黃油)

          我在 Flashpoint 里找到了很多任天堂出品的 Flash 游戲,查了一下才知道,那些年任天堂會為了給旗下主要作品造勢宣傳,專門制作 Flash 游戲放在官網(wǎng)供玩家們體驗。比如《銀河戰(zhàn)士Prime》:

          《動物森友會》:

          《路易吉洋樓》:

          《星之卡比》:

          此外,還有很多人所共知的著名公司也為宣傳、營銷目的做過不少 Flash 小游戲。看著那些作品的選題,就仿佛聽到了時代車輪隆隆的滾動聲。

          比如寶可夢公司:

          卡普空:

          世嘉:

          索尼影業(yè):

          迪士尼:

          卡通頻道:

          以及微軟:

          谷歌:

          還有許多例子,這里就不一一列舉了。畢竟 Flash 曾經(jīng)是最流行的網(wǎng)頁內(nèi)容載體,估計任何大公司都曾做過相關(guān)內(nèi)容。

          如果你也想體驗一下 Flashpoint,可以在這個頁面找到下載鏈接。

          早些時候,游戲時光特約作者藥莢發(fā)表了一篇名為《正在消失的游戲遺產(chǎn),與它的保護(hù)者》的文章。文中提到的那些為保護(hù)各種游戲遺產(chǎn)而努力的人,跟研究 Ruffle、研究 Flashpoint 的這些人本質(zhì)上是一樣的,他們都在為同樣的目標(biāo)而努力,只是細(xì)分領(lǐng)域有所不同。

          我相信會有人區(qū)別對待這兩者,會有「經(jīng)典主機(jī)游戲當(dāng)然要保護(hù),這些 4399 小游戲根本就 nobody cares」的論調(diào)。但真正把電子游戲視為文化的人,都會為它們的消亡而痛心。

          追根溯源的話,這些年來移動游戲和獨(dú)立游戲的蓬勃發(fā)展,其實(shí)都離不開早年 Flash 游戲的興盛。正是因為有這個開發(fā)成本低又易于推廣的途徑,許多游戲開發(fā)者的職業(yè)生涯才順利走上了正軌,我們現(xiàn)在所喜愛的那些獨(dú)立游戲才得以面世。

          令人欣慰的一點(diǎn)是,不同于完全以營利為目的制作、有實(shí)體載體的主機(jī)游戲和 PC 游戲,F(xiàn)lash 游戲完全數(shù)字化,而且有許多是非盈利性質(zhì)的,這令保存工作少了許多障礙。如果你還想對游戲遺產(chǎn)的保護(hù)有更多了解,可以閱讀下面這篇文章:

          正在消失的游戲遺產(chǎn),與它的保護(hù)者

          參考資料:

          • Kotaku:Over 36,000 Flash Games Have Been Saved And Are Now Playable Offline
          • EuroGamer:Why the spirit of Flash gaming must never die

          上學(xué)習(xí),享受知識的樂趣!

          JavaScript(簡稱JS)是一種動態(tài)腳本語言,一般用于前端開發(fā)。JS支持多種編程風(fēng)格,例如面向?qū)ο缶幊獭⒑瘮?shù)式編程等。JS語言可以運(yùn)行在瀏覽器、服務(wù)器等環(huán)境中。

          游戲開發(fā)中普遍采用C++、C#等語言進(jìn)行開發(fā),但是這些語言都需要進(jìn)行編譯,而JS則不需要經(jīng)過編譯便可以直接運(yùn)行。在Web瀏覽器中,JS可以使用WebGL和HTML5等技術(shù)實(shí)現(xiàn)3D游戲和2D游戲。此外,使用JS編寫的游戲可以跨平臺運(yùn)行,包括PC、移動設(shè)備等。

          主要應(yīng)用情景

          1. 服務(wù)器開發(fā): JS可以使用Node.js等技術(shù)實(shí)現(xiàn)服務(wù)器端開發(fā),例如處理HTTP請求、WebSocket等。
          2. 前端開發(fā): 在Web前端開發(fā)中,JS是不可或缺的一部分。JS可以實(shí)現(xiàn)前端的邏輯交互、動畫效果等。
          3. 工具命令腳本開發(fā): JS也可以作為開發(fā)者工具的腳本語言,例如:grunt、gulp等。
          4. GUI腳本開發(fā): JS也可以與其他桌面應(yīng)用程序交互,例如:Adobe Acrobat、Photoshop等。
          5. Unity腳本開發(fā): JS同樣也可以作為Unity中的腳本語言。

          運(yùn)行環(huán)境

          JS可以在多種環(huán)境中運(yùn)行,包括Node.js和HTML瀏覽器。

          Node.js是一個JS運(yùn)行環(huán)境,基于Chrome V8引擎構(gòu)建,使開發(fā)者可以使用JS來實(shí)現(xiàn)服務(wù)器端應(yīng)用程序。Node.js包括一個標(biāo)準(zhǔn)庫,該庫提供了基本而實(shí)用的功能,例如文件操作、網(wǎng)絡(luò)通信等。Node.js還擁有許多第三方模塊,例如Express、Async、Bagpipe、Generic-pool、javascript-state-machine等。

          HTML瀏覽器是最常見的JS運(yùn)行環(huán)境之一。現(xiàn)代瀏覽器支持包括Chrome、Firefox、Safari、Edge等基本上所有操作系統(tǒng)中的瀏覽器。

          語言特點(diǎn)

          1. 對象: 在JS中,一切都是對象。 JS是一門基于對象的編程語言。對象又是由屬性和方法組成的。在JS中,可以動態(tài)地添加、修改和刪除對象的屬性和方法。
          2. 異步編程: JS是單線程的,但是通過異步編程技術(shù),可以使JS代碼以非阻塞方式運(yùn)行。例如,在Node.js中,可以使用異步編程實(shí)現(xiàn)服務(wù)器端的I/O操作等。
          3. 函數(shù): JS中的函數(shù)是一等公民。函數(shù)可以賦值給變量,也可以作為參數(shù)傳遞給其他函數(shù)。JS中的函數(shù)也可以返回函數(shù)。

          Node.js

          Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運(yùn)行時環(huán)境。它使得 JavaScript 能夠在服務(wù)器端運(yùn)行,從而能夠開發(fā)出基于 JavaScript 的后端應(yīng)用程序。 Node.js 同時也適用于構(gòu)建以事件驅(qū)動的輕量級應(yīng)用程序。

          Node.js 的特點(diǎn)包括:

          • 異步和事件驅(qū)動:Node.js 同時支持異步 I/O(非阻塞輸入輸出),以及一個事件循環(huán)來實(shí)現(xiàn)異步調(diào)用和處理,這使得它能夠處理大量并發(fā)請求。
          • 高效性:Node.js 的事件循環(huán)機(jī)制可以避免線程的創(chuàng)建和銷毀,對于處理大量的短連接請求時非常有效。
          • 跨平臺:Node.js 可以在多個操作系統(tǒng)上運(yùn)行,如 Windows、 macOS、Linux 等。
          • 社區(qū)支持:Node.js 擁有龐大的社區(qū),提供了各種各樣的有用的包和模塊,這使得開發(fā)者可以輕松地構(gòu)建出復(fù)雜的應(yīng)用程序。

          下面是 Node.js 的一個簡單示例,創(chuàng)建一個簡單的 HTTP 服務(wù)器:

          ``` javascript
          const http = require('http');
          const hostname = '127.0.0.1';
          const port = 3000;
          const server = http.createServer((req, res) => {
          res.statusCode = 200;
          res.setHeader('Content-Type', 'text/plain');
          res.end('Hello World\n');
          });
          server.listen(port, hostname, () => {
          console.log(`Server running at http://${hostname}:${port}/`);
          });
          ```

          以下是 Node.js 的常用工具:

          PM2 是一個流行的 Node.js 進(jìn)程管理器。它可以管理所有的 Node.js 應(yīng)用程序,自動進(jìn)行負(fù)載均衡和進(jìn)程守護(hù),支持進(jìn)程監(jiān)控和集群模式等。另外還提供了日志記錄、進(jìn)程重啟、部署等功能,使得 Node.js 應(yīng)用程序的管理變得更加簡單、可靠。

          下面是 PM2 的一些簡單用法:

          • 啟動應(yīng)用程序: pm2 start app.js
          • 顯示進(jìn)程列表: pm2 list
          • 顯示進(jìn)程詳細(xì)信息: pm2 show <id or name>
          • 停止應(yīng)用程序: pm2 stop <id or name>
          • 刪除應(yīng)用程序: pm2 delete <id or name>

          NPM(Node Package Manager),是 Node.js 的包管理器。通過 NPM,開發(fā)者可以輕松地管理、分享、安裝、卸載和更新 Node.js 的模塊包。與此同時,NPM 能夠讓你在本地快速地安裝和使用模塊,也可以使用命令行工具進(jìn)行查找和下載所需的模塊包。

          以下是一些 NPM 常用的命令:

          • 安裝模塊:npm install <module-name>
          • 全局安裝模塊:npm install -g <module-name>
          • 卸載模塊:npm uninstall <module-name>
          • 顯示已安裝的模塊列表:npm list
          • 搜索模塊:npm search <keyword>

          NVM(Node Version Manager),是一款可以讓你在同一臺計算機(jī)上管理多個 Node.js 版本的工具。使用 NVM 可以方便地在多個 Node.js 版本之間進(jìn)行切換,從而避免了因為應(yīng)用程序依賴特定版本的 Node.js 而導(dǎo)致的問題。NVM 支持 Windows、macOS、Linux 等多個平臺。

          以下是一些 NVM 常見的命令:

          • 安裝指定版本的 Node.js:nvm install <version>
          • 切換到特定版本的 Node.js:nvm use <version>
          • 查看系統(tǒng)上已經(jīng)安裝的 Node.js 版本列表:nvm ls
          • 顯示當(dāng)前使用的 Node.js 版本:nvm current
          • 卸載指定版本的 Node.js:nvm uninstall <version>

          發(fā)展趨勢

          在早期的Unity版本中,JS并不是Unity的默認(rèn)腳本語言,但支持使用UnityScript開發(fā)游戲。事實(shí)上,它是Unity很早期版本中提供的主要腳本語言之一。該語言被設(shè)計為與Unity緊密集成,可以輕松訪問Unity的API和對象模型,使開發(fā)游戲更加快速、簡單和直觀。另外,相對于其他一些腳本語言來說,JavaScript可以更加容易地了解和學(xué)習(xí)。

          然而,隨著時間的推移,Unity的開發(fā)方面對C#的支持變得更好,在性能方面也有更好的表現(xiàn)。作為一個高性能的編程語言,更多的開發(fā)者開始更喜歡使用C#進(jìn)行游戲開發(fā)。因此,從 Unity 2018.1 版本開始,Unity就不再支持 JavaScript,因此建議新的Unity開發(fā)者學(xué)習(xí)C#語言,它是Unity當(dāng)前默認(rèn)的語言,并且與Unity的對象模型更緊密地集成在一起,使得編碼更高效,而且它在游戲開發(fā)社區(qū)中已經(jīng)得到了廣泛的應(yīng)用。對于那些使用舊版本Unity進(jìn)行開發(fā),仍在使用JavaScript的開發(fā)者,他們不需要立即改變代碼庫,但是建議他們參考了解C#的特性,為未來轉(zhuǎn)換做好準(zhǔn)備。


          主站蜘蛛池模板: 色综合久久一区二区三区| 在线免费视频一区二区| 日本韩国一区二区三区| 中文字幕VA一区二区三区| 亚洲AV色香蕉一区二区| 国产精品无码一区二区在线观| 国产免费一区二区视频| 国产美女口爆吞精一区二区| 天堂Av无码Av一区二区三区| 亚洲一区无码中文字幕乱码| 中文字幕久久亚洲一区| 韩国福利视频一区二区| 一区二区三区在线免费看| 三上悠亚一区二区观看| 国产99精品一区二区三区免费| 日本韩国一区二区三区| 精品一区二区高清在线观看| 国产产一区二区三区久久毛片国语| 国产成人综合一区精品| 无码人妻久久一区二区三区免费丨 | 无码精品黑人一区二区三区| 国产午夜精品一区理论片飘花 | 国产免费伦精品一区二区三区| 日本无卡码免费一区二区三区| 国产伦精品一区二区三区不卡| 亚洲av永久无码一区二区三区| 无码视频免费一区二三区| 国产成人免费一区二区三区| 国产免费一区二区三区VR| 国产一区高清视频| 国产不卡视频一区二区三区| 中文字幕日本一区| 无码一区二区三区视频| 国产精品高清一区二区三区不卡| 精品国产伦一区二区三区在线观看| 国产福利微拍精品一区二区| 国产午夜精品片一区二区三区| 国产香蕉一区二区三区在线视频 | 国产91精品一区二区麻豆网站 | 高清一区二区三区免费视频| 人体内射精一区二区三区|