狠狠要天天想离婚老公,亚洲片久草在线自拍

首頁免費課 HTML5小游戲---愛心魚（上）問答

HTML5小游戲---愛心魚（上）

                
                Daisy
            
                    查看講師更多課程 
                    Daisy講師的其他課程
                
HTML5小游戲---愛心魚（下）
中級·46269
免費課程
                                
canvas實現星星閃爍特效
中級·54187
免費課程
                                
                難度中級
            
                時長 2小時34分
            
                學習人數
            
綜合評分9.50
                            139人評價
                        查看評價
                                9.6
                                內容實用
                            
                                9.5
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

因為canvas1覆蓋在canvas2上，所以就要清空，這是為什么？canvas2跟canvas1本身就不是同一個畫布，那是怎么影響的呢？

最贊回答 / xue5hen

清空的原因不是因為【canvas1覆蓋在canvas2上】，教程中從來沒這么說。教程中說的是：因為動畫一直在循環執行，前一次的圖像如果不清除，就會跟后面的圖像疊加在一起，使得大魚小魚的邊線看起來特別粗，所以才要清。打個簡單的比方：寫滿字的黑板如果不擦，繼續寫上去的字就會跟之前的疊加在一起看不清楚。

1 回答 3001 瀏覽 2-7 大魚繪制

2015-12-02

canvas1需要清空，但是canvas2沒有清空，?？@示一樣很好，為什么呢？

最新回答 / zhangcl

找到答案了，因為背景圖片每次都要繪制一次，所以將之前的?？o遮住了，建議把ctx2.clearRect(0, 0, canWidth, canHeight);這個代碼加上去

3 回答 1414 瀏覽 2-7 大魚繪制

2015-12-02

為甚么我寫完代碼背景圖不顯示

已采納回答 / qq_牧月云_0

getcontext應該是getContext

3 回答 887 瀏覽 2-2 繪圖API回顧

2015-12-01

您好，能不能將代碼發給我們？謝謝

最新回答 / qq_勝勝_0

我說的是講課時候的代碼

2 回答 892 瀏覽 2-4 果實繪制（靜態果實）

2015-11-27

怎么讓打印暫停的？

最新回答 / echo_kinchao

價格stop事件

1 回答 1131 瀏覽 2-1 繪制背景

2015-11-26

不規則圖形的坐標原點相對于左上角還是中心位置呢

最新回答 / 桃子丶請叫我凱

一般來說，這種情況下都是相對于基礎坐標原點也就是左上角的

1 回答 1089 瀏覽 2-11 小魚繪制

2015-11-26

老師能分享下源

最新回答 / enTT

<...圖片...><...圖片...>顯示效果非常奇怪

3 回答 1303 瀏覽 2-6 果實繪制（果實數量控制）

2015-11-25

什么鬼？？？？

最新回答 / qq_為你寫詩_1

我剛剛解決了can1 = document.getElementById("canvas1"); ctx1 = can1.getContext("2d"); can2 = document.getElementById("canvas2"); ctx2 = can2.getContext("2d");

3 回答 2694 瀏覽 2-1 繪制背景

2015-11-25

為什么魚移動時會有一個藍色的虛影，ie11下什么都不顯示

最新回答 / echo_kinchao

因為他不支持那個css3屬性

1 回答 770 瀏覽 2-8 大魚隨鼠標移動

2015-11-25

為什么加了ctx1.clearRect(0,0,canWidth,canHeight)這句，頁面全空白了，而且沒加之前，大魚身體正常，沒有變粗？

最新回答 / CaijieHS

我也遇到過這個問題，檢查后發現是一開始在main.js中初始化ctx2時 /*function init()中*/?用的是can1來getContext的，也許你也是類似的錯誤，你可以檢查一下。

2 回答 1553 瀏覽 2-7 大魚繪制

2015-11-23

drawBackground()為什么在gameloop中調用而不是game中

最新回答 / HeyLuckyGirl

我也想問

2 回答 1062 瀏覽 2-1 繪制背景

2015-11-22

在哪里看整個課程的時間？

已采納回答 / 化龍貝

課程首頁

2 回答 1117 瀏覽 1-1 HTML5小游戲---愛心魚（上）課程簡介

2015-11-22

所有主流瀏覽器都支持 position 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。定義和用法position 屬性規定元素的定位類型。說明這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。默認值：static ? ?繼承性：no ? ?版本：CSS2 ? ?JavaScript 語法：object.style.po...

1 回答 920 瀏覽 1-2 搭建HTML網頁結構

2015-11-19

背景無法繪制出來

最贊回答 / 拼命柯南

function drawBackground(){ ctx2.drawImage(bgPic,0,0,canWidth,canHeight);}這是background.jsvar can1;var can2;var ctx1;var ctx2;var canWidth;var canHeight;var lastTime;var deltaTime;var bgPic =new Image();document.body.onload =game;function game(){? ? init; l...

2 回答 956 瀏覽

2015-11-18