自制的割绳子小游戏。
线上游玩地址:戳Rain的剪绳子游戏。
不得不承认做了很久。。。
简单介绍一下。。。
割绳子游戏机制
物理引擎
《割绳子》的核心在于其高度逼真的物理引擎。游戏中的所有物体,包括糖果、绳索、气球、弹簧等,都遵循真实的物理规律。这意味着糖果会受到重力的影响而下落,绳索会被切割后自由摆动,气球会浮起来,弹簧会弹射物体。这种真实的物理效果不仅使得游戏画面生动有趣,也增加了游戏的挑战性和策略性。
关卡设计
《割绳子》的关卡设计非常丰富多样,每个关卡都有独特的布局和挑战。关卡的设计不仅考虑了难度的逐步提升,还融入了许多创意元素,如隐藏的星星、特殊的机关等。这些设计使得游戏具有很高的可玩性和耐玩性。
游戏玩法
基本操作
-
切割绳索:
- 玩家通过触摸屏幕上的绳索,将其切断。切割的时机和位置非常重要,因为它们直接影响糖果的运动轨迹。
- 例如,如果糖果被多条绳索悬挂,玩家需要选择合适的绳索切割顺序,以确保糖果能够顺利到达 Om Nom 的嘴里。
-
利用物理效果:
- 玩家需要利用重力、弹力、摩擦力等物理效果,使糖果沿着预期的路径移动。
- 例如,可以通过切割绳索使糖果下落,再利用弹簧将其弹射到更高的位置。
-
启动开关:
- 有些关卡中会设置开关,玩家需要通过特定的操作来启动这些开关,以解锁新的路径或触发特殊事件。
- 例如,某些开关可能需要玩家将一个小物体推到指定位置,或者通过切割绳索使某个物体撞击开关。
辅助道具
-
气球:
- 气球可以将糖果向上拉起,改变其运动轨迹。玩家可以利用气球将糖果带到更高的位置,或者绕过障碍物。
- 例如,如果糖果被绳索悬挂在高处,玩家可以切割绳索并使用气球将糖果缓慢降下,避免其直接掉落。
-
弹簧:
- 弹簧可以将糖果弹射出去,使其获得更大的动能。玩家可以利用弹簧将糖果弹射到远处或高处。
- 例如,如果糖果需要越过一个较大的障碍物,玩家可以先将糖果放在弹簧上,然后切割绳索,使糖果被弹射出去。
-
风扇:
- 风扇可以吹动糖果,使其向特定方向移动。玩家可以利用风扇将糖果吹向 Om Nom 的嘴里,或者避开障碍物。
- 例如,如果糖果需要向左移动,玩家可以启动左侧的风扇,将糖果吹向左侧。
-
激光:
- 激光可以自动切割绳索,但需要玩家精确控制其触发时机。玩家可以利用激光切割特定的绳索,以实现特定的运动效果。
- 例如,如果糖果需要在特定时间点下落,玩家可以设置激光在该时间点自动切割绳索。
-
传送门:
- 传送门可以将糖果从一个地方传送到另一个地方,改变其位置。玩家可以利用传送门将糖果传送到难以到达的位置。
- 例如,如果糖果需要从高处传送到低处,玩家可以将糖果送入传送门,使其出现在低处。
启动开关的策略
在《割绳子》中,启动开关是解决复杂关卡的关键。以下是一些常见的启动开关策略:
-
推动物体:
- 有些开关需要玩家将一个小物体推到指定位置。玩家可以通过切割绳索或利用弹簧将物体推到开关上。
- 例如,如果开关位于一个平台上,玩家可以将一个小球推到平台上,触发开关。
-
撞击开关:
- 有些开关需要被物体撞击才能启动。玩家可以通过切割绳索使物体撞击开关,或者利用弹簧将物体弹射到开关上。
- 例如,如果开关位于一个高处,玩家可以将一个小球放在弹簧上,然后切割绳索,使小球被弹射到开关上。
-
联动机关:
- 有些开关与其他机关联动,需要玩家同时操作多个机关。玩家需要仔细观察机关的布局,找到最佳的操作顺序。
- 例如,如果开关需要两个物体同时撞击才能启动,玩家可以利用气球和弹簧将两个物体分别送到开关两侧,同时撞击开关。
-
时间控制:
- 有些开关需要在特定的时间点启动。玩家需要掌握好切割绳索的时机,确保开关在正确的时间被触发。
- 例如,如果开关需要在糖果下落的过程中启动,玩家需要在糖果即将到达开关时切割绳索,使糖果撞击开关。
实战案例
案例1:利用气球和弹簧
假设在一个关卡中,糖果被多条绳索悬挂在高处,Om Nom 位于下方。玩家需要将糖果从高处降到 Om Nom 的嘴里。具体步骤如下:
- 切割绳索:首先,玩家切割一条绳索,使糖果开始下落。
- 利用气球:在糖果下落的过程中,玩家使用气球将糖果缓慢降下,避免其直接掉落。
- 利用弹簧:当糖果接近 Om Nom 时,玩家将糖果放在弹簧上,然后切割绳索,使糖果被弹射到 Om Nom 的嘴里。
案例2:启动开关
假设在一个关卡中,糖果被一条绳索悬挂在高处,Om Nom 位于下方。中间有一个开关,需要被一个小球撞击才能启动,启动后会打开一条通往 Om Nom 的路径。具体步骤如下:
- 推动物体:玩家将一个小球放在弹簧上,然后切割绳索,使小球被弹射到开关上。
- 启动开关:小球撞击开关,开关被启动,打开一条通往 Om Nom 的路径。
- 切割绳索:玩家切割糖果的绳索,使糖果沿着新路径下落到 Om Nom 的嘴里。
总结
《割绳子》是一款充满创意和挑战的益智游戏,通过切割绳索和利用各种物理效果,玩家可以将糖果成功喂给小恐龙 Om Nom。游戏中丰富的关卡设计和多样的辅助道具使得每一关都充满了乐趣和挑战。启动开关是解决复杂关卡的关键,玩家需要灵活运用各种策略,找到最佳的解决方案。希望这些内容能帮助你在《割绳子》中取得更好的成绩,享受游戏带来的乐趣!
部分代码展示。。。
<!DOCTYPE html>
<html>
<head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title>Rain的剪绳子游戏</title><link rel="canonical" href="http://windyboy.freevnn.com" /><meta name="description" content="Play Cut the Rope! A mysterious package has arrived, and the little monster inside has only one request… CANDY!"><link rel="icon" type="image/x-icon" href="images/me/biaoqian.ico"><meta name="msapplication-tooltip" content="Play Cut the Rope! A mysterious package has arrived, and the little monster inside has only one request… CANDY!" /><meta name="msapplication-navbutton-color" content="#659729" /><meta name="msApplication-ID" content="App"/><meta name="msApplication-PackageFamilyName" content="ZeptoLabUKLimited.CutTheRope_sq9zxnwrk84pj"/><link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /><meta property="og:title" content="Cut the Rope" /><meta property="og:type" content="game" /><meta property="og:url" content="http://windyboy.freevnn.com/games/ctr" /><meta property="og:image" content="http://windyboy.freevnn.com/games/ctr/fb.png" /><meta property="og:site_name" content="Cut the Rope" /><meta name="viewport" content="width=1024, initial-scale=1, maximum-scale=1, user-scalable=no"/><meta name="viewport" content="width=device-width, initial-scale=1.0;"><link href="css/ctr.css?438" rel="stylesheet" type="text/css"><script src="scripts/sm2.js?438" type="text/javascript"></script><script src="scripts/libraries.js?438" type="text/javascript"></script><script src="scripts/ctr.js?438" type="text/javascript"></script><noscript><link href="css/nojavascript.css?438" rel="stylesheet" type="text/css"></noscript>
</head>
<body class="ctrCursor"><div id="lang"><div id="fb-root"></div><style type="text/css">.hideBeforeLoad, #loaderWindow, #popupWindow { display: none; } </style><div id="gameContainer" ><div id="game-border"><div id="loader-logo"></div></div><div id="gameArea" class="hideBeforeLoad"><canvas id="c"></canvas><div id="loadingPanel" class="panel"></div><div id="startBackground" class="panel"></div><div id="menuBackground" class="panel"></div><div id="levelBackground" class="panel"><canvas id="levelCanvas"></canvas><div id="levelTape" class="levelTape"></div></div><div id="shadowPanel" class="panel"><canvas id="shadowCanvas" width="1024" height="576"></canvas></div><div id="menuPanel" class="panel seethrough"><div class="panelContent"><div id="menuLogo" ></div><div id="menuBtnVbox" class="fBtnVBox"><div id="playBtn" class="fBtn"><img src="" /></div><div id="optionsBtn" class="fBtn"><img src="" /></div></div></div><div id="miniOptionsMenu"><div id="optionSd"></div><div id="optionHd"></div><div id="optionSound" class="ctrPointer" ></div><div id="optionMsg"></div></div></div><div id="boxPanel" class="panel seethrough"><canvas id="boxCanvas" width="1024" height="576"></canvas><div id="boxScore" class="hideFromMouse"><img src="" /></div><div id="boxNavBack"><div class="boxNavDisabled"></div></div><div id="boxNavForward"><div></div></div><div id="boxBack" class="bBtn"></div></div><div id="levelPanel" class="panel"><div id="levelScore"><img src="" /></div><div id="levelBack" class="bBtn"></div><div id="levelOptions"></div><div id="levelResults"><div id="resultStatus"><img src="" /></div><div class="starCase"><div id="resultStar1" class=""></div><div id="resultStar2" class=""></div><div id="resultStar3" class=""></div></div><div id="resultTicker"><img id="resultTickerLabel" /><img id="resultTickerValue" /><img id="resultTickerMessage" /></div><div class="line"></div><div id="resultScore"></div><div class="btnCase"><div id="replayBtn" class="sBtn"><img src="" /></div><div id="lrMenuBtn" class="sBtn"><img src="" /></div><div id="nextBtn" class="sBtn"><img src="" /></div></div><div id="resultImproved"></div></div></div><div id="gameCompletePanel" class="panel"><div id="congrats"></div><div id="finalScore"><img src="" /></div><a href="http://windyboy.freevnn.com/games" id="finalFunBtn" class="lBtn" target="_blank"><img src="" /><div id="funOmNom"></div></a><div id="gameCompleteBack" class="bBtn"></div></div><div id="optionsPanel" class="panel"><div class="fBtnVBox"><div id="optionsTitle"><img src="" /></div><div id="soundBtn" class="mini-button ctrCursor"><div id="options-speaker"></div><div class="options-x"></div></div><div id="musicBtn" class="mini-button ctrCursor"><div id="options-note"></div><div class="options-x"></div></div><div id="langBtn" class="fBtn"><img src="" /><div id="flag"></div></div><div id="resetBtn" class="fBtn"><img src="" /></div><div id="creditsBtn" class="fBtn"><img src="" /></div><div id="dragBtn"><img id="dragText" /><div class="options-check-disabled"></div></div><div id="cutBtn" class="ctrCursor"><img id="cutText" /><div class="options-check"></div></div></div><div id="optionsBack" class="bBtn"></div></div><div id="d" class="panel ctrPointer"><img id="dmsg" /><div id="dframe"><div id="dpic"></div></div><div id="dshareBtn" class="fBtn"><img src="" /><div id="dfb"></div></div></div><div id="gameBtnTray"><div id="gameMsg" class="allSound"></div><div id="gameSound" class="ctrPointer allSound"></div><div id="gameRestartBtn" class="ctrPointer"></div><div id="gameMenuBtn" class="ctrPointer"></div></div><div id="levelMenu"><div class="fBtnVBox"><div id="continueBtn" class="fBtn"><img src="" /></div><div id="skipBtn" class="fBtn"><img src="" /></div><div id="selectBtn" class="fBtn"><img src="" /></div><div id="menuBtn" class="fBtn"><img src="" /></div></div></div><div id="boxCutter"></div><div id="tapeRoll"></div><div id="video"></div><div id="fadeToBlack" class="panel"></div></div> <canvas id="e"></canvas><div id="loaderWindow"><div id="loaderBubbles"><img id="loaderLogo" src="images/page/loader-logo.png" /><div id="loaderCanvasHost"><canvas id="loaderCanvas"></canvas></div></div></div><div id="popupWindow"><div class="popupOuterFrame"><div class="popupInnerFrame" id="slowComputer"><div class="fBtn" id="slowComputerBtn"><img src="" /></div></div><div class="popupInnerFrame" id="resetGame"><div id="resetText"></div><div class="mBtn" id="resetYesBtn"><img src="" /></div><div class="mBtn" id="resetNoBtn"><img src="" /></div><div id="resetHoldYes"></div></div><div class="popupInnerFrame" id="missingStars"><div id="missingLine1"></div><div id="missingCount"><div id="missingStar"></div></div><div id="missingLine2"></div><div id="missingLine3"></div><div class="mBtn" id="missingOkBtn"></div></div></div></div><div id="upgrade"><div id="upgrade-header"></div><a id="upgrade-button" href="http://windows.microsoft.com/ie"></a></div></div></div></body>
</html>
没什么用就一个字装(肯定不能直接运行啦)。
放点截图。。。