| 两侧同时换到之前的修订记录前一修订版后一修订版 | 前一修订版 |
| templates [2020/06/18 02:24] – 已恢复为旧版 (2020/03/25 18:26) 60.8.123.56 | templates [2025/02/08 14:40] (当前版本) – Aven |
|---|
| <!-- LOGO -->\\ | 点这里就对了 \\ |
|  | [[http://rpg.icu/|http://rpg.icu/]] |
| | |
| <!-- 标题 -->\\ | |
| ## **Construct 3 案例图书馆**\\ | |
| 最后更新时间：2020-03-24 | |
| | |
| <!-- 导航 -->\\ | |
| #### 官方导航\\ | |
| | [打开Construct 3](https://editor.construct.net/) | [论坛](https://www.construct.net/en/forum) | [教程](https://www.construct.net/en/tutorials?flang=-1&content=0&orderID=3) | [Wiki](http://wiki.0tw.cn/) | |
| | |
| ------------ | |
| | |
| <!-- 基础教程 -->\\ | |
| ###### **基础教程** | |
| | |
| |  基础教程 | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | （别急。。慢慢整理中）| | |
| | |
| --- | |
| | |
| <!-- BEHAVIOR REFERENCE -->\\ | |
| ##### **Behavior** | |
| | |
| <!-- Platform --> | |
| | |
| |  Platform | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 角色动作状态，墙跳，Juice应用，状态机管理 | Salman_Shh | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/Manager_workflow__Input_Manager_Example.c3p) |\\ | |
| | 角色动作状态，冲刺，Juice应用，状态机管理，摄像机管理 | Salman_Shh | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/Improved_Juicy_Platformer_Template_by_SalmanShh.c3p) |\\ | |
| | 角色动作状态，下蹲，滑铲 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/player_floor_slide.c3p) |\\ | |
| | 传送门，同一场景的传送机关 | TackerTacker | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/PlatformPortals.c3p) |\\ | |
| | 传送门，传送到不同场景指定的地方 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/DoorToLayoutSpawnAtXY.c3p) |\\ | |
| | 推箱子简易思路 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/PlatformerPushBox_onlyPush.capx) |\\ | |
| | 拾取武器，切换主武器/副武器 | dop2000 |.capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/WeaponChange2.capx) |\\ | |
| | 武器开火时的后坐力(Platform反作用力),可用于击退效果 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/WeaponKnockbackPlatform.c3p) |\\ | |
| | 脚底的影子，角色跳跃时影子也会改变透明度表示跳跃高度| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/PlatformerWithShadow.capx) |\\ | |
| | 像马里奥踩敌人攻击，敌人在墙体范围左右循环移动| KiwiStory | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/Mario_JumpUP_Attack.capx) |\\ | |
| | 像超级肉食男孩，移动时在脚底生成血迹，浸染地面(另一种不用Canvas实现的思路)| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/BloodTrail.capx) |\\ | |
| | 另一种实现敌人在墙体范围左右移动的思路，利用空气墙| MegaCoolL | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/Platform_Change_Direction2.capx) |\\ | |
| | 另一种实现墙跳的思路| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/PlatformerWallJump.capx) |\\ | |
| | 在地板生成血迹，浸染地面(使用CanvasPaste)| dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/BloodWall.c3p) |\\ | |
| | 敌人贴着墙壁边缘循环移动| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/WalkAroundWalls2.capx) |\\ | |
| | 敌人在空中按路径点循环移动，玩家进入视野范围自动攻击并追逐，离开视野范围自动回归| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/AITopDownShooting.capx) |\\ | |
| | 随机生成地图关卡组合 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/BuildLevelFromScenes.c3p) |\\ | |
| | 利用蒙版制作不规则地形，再用激光扫描地形检测地面 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/TerrainDetection.capx) |\\ | |
| | 像DK大金刚，跳进旋转的木桶里然后向发射出去 | relixes | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/TerrainDetection.capx) | | |
| | |
| \\ | |
| <!-- 8Direction -->\\ | |
| |  8Direction | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 武器开火时的后坐力(8Direction反作用力),可用于击退效果 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/WeaponKnockback8direction.c3p) |\\ | |
| | 地图场景移动，从布局移动到另一个布局，地图传送点 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/8Direction/PortalSystem.c3p) |\\ | |
| | 将对象的位置映射在另一个对象的相对位置（雷达小地图） | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/8Direction/ManOnARaft.capx) |\\ | |
| | 将对象的位置映射在另一个对象的相对位置（雷达小地图） | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/8Direction/ManOnARaft.capx) |\\ | |
| | 向指定位置投掷飞剑，还可以让它飞回来 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/8Direction/ThrowSword.c3p) | | |
| | |
| <!-- Bullet -->\\ | |
| |  8DirecBullettion | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 子弹按指定的路径点飞行移动 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Bullet/BulletMoveWithWaypoints.capx) | | |
| | |
| <!-- Pathfinding -->\\ | |
| |  Pathfinding| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 队伍开火车寻路，并防止寻路对象相互叠加 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Pathfinding/Pathfinding_NoOverlapWhileMoving.c3p) |\\ | |
| | 狼吃羊AI，自动寻找最近的目标，吃掉后继续寻找下个目标 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Pathfinding/ChasingAnimals.capx) | | |
| | |
| <!-- LineOfSight -->\\ | |
| |  LineOfSight | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 激光扫过地形时，会被前方的地形阻挡 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/LineOfSight/laser_los.c3p) | | |
| | |
| <!-- Turret -->\\ | |
| |  Turret | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 炮塔显示攻击范围，建造炮塔检测通行，敌人自动寻路 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Turret/turretdefenceHC.c3p) | | |
| | |
| <!-- DragDrop -->\\ | |
| |  DragDrop | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 拖拽图标放入空槽或与其他图标交换位置 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/DragDrop/DragDrop_Example.c3p) |\\ | |
| | 拖拽对象时，防止与其他对象重叠，并且会被对象遮挡，无法穿透 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/DragDrop/DraggingPreciseCollision2.c3p) | | |
| | |
| <!-- Physics -->\\ | |
| |  Physics | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 物理画线游戏，画线条支撑物体 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Physics/PhysicsDrawing.capx) |\\ | |
| | 物理益智游戏，拖动积木重组空间拼图 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Physics/PhysicsMoveBlocks.c3p) | | |
| | |
| <!-- Fade -->\\ | |
| |  Fade | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 动画每帧切换时，渐入显示 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fade/AnimationFrameMorph.capx) | | |
| | |
| \\ | |
| <!-- PLUGIN REFERENCE -->\\ | |
| ##### **Plugins** | |
| | |
| <!-- Particles -->\\ | |
| |  Particles| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 水润嫩滑的拖尾粒子(泡沫、白云) | Aekiro | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Timeline/contruct_intro.c3p) | | |
| | |
| <!-- Text -->\\ | |
| |  Text | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 波浪文字动画(使用Buttle+Sine) | dop2000 |.capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Text/TextWave.capx) | | |
| | |
| <!-- Tilemap -->\\ | |
| |  Tilemap| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 检测闭合的区域，填充颜色 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/TileFloodFill-v3.capx) |\\ | |
| | 检测闭合的区域，标记墙壁 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/DungeonWallMarkers.capx) |\\ | |
| | 水逐渐淹没土地，填充地形高度图 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/FloodingCross.capx) |\\ | |
| | 绘制图块阴影 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/TileMap3D.capx) |\\ | |
| | 接水管小游戏，使用TIlemap| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/Loop_demo.capx) |\\ | |
| | 接水管小游戏另一种实现思路，使用Sprite| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/loop_demo_with_sprites.capx) |\\ | |
| | 以某个点为圆心，掀起周围图块，波动| dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Tilemap/TileSphere.c3p) | | |
| | |
| <!-- Timeline -->\\ | |
| |  Timeline| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 开场显示LOGO动画(轻松，欢快，翻转) | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Timeline/contruct_intro.c3p) |\\ | |
| | 开场显示LOGO动画(神秘，恐怖，严肃) | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Timeline/contruct_Intros2.c3p) | | |
| | |
| <!-- Canvas -->\\ | |
| |  DrawingCanvas| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 绘制圆角矩形 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/RoundedRectangle.c3p) |\\ | |
| | 绘制流畅的丝带舞尾巴| skymen | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/DrawingCanvas/CanvasTrail_1.c3p) |\\ | |
| | 蒙版绘图，自定义蒙版形状，笔刷纹理，笔刷颜色| dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/DrawingCanvas/StencilPainting4.c3p) |\\ | |
| | 获取指定坐标的颜色值| hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/DrawingCanvas/GetColorAtDrawingCanvasPixel.c3p) | | |
| | |
| <!-- Array -->\\ | |
| |  Array| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 临时排行榜，数组写入玩家名和分数，并排序显示 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Array/LeaderboardSort.c3p) | | |
| | |
| <!-- Local Storage -->\\ | |
| |  Local Storage| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 本地储存游戏进度，游戏数据，下次打开游戏时自动读取 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/LocalStorage/LocalStorageSaveVariables.c3p) |\\ | |
| | 本地储存玩家分数，根据Key读取数据 | André | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/LocalStorage/Construct2-LocalStorageLocales.capx) | | |
| | |
| <!-- SliderBar -->\\ | |
| |  SliderBar| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 用DragDrop手动实现滑动条(4个方向，自定义容器) | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/SliderBar/Pixeldragger.c3p) | | |
| | |
| \\ | |
| <!-- OBJECT INSTANCES -->\\ | |
| ##### **Object instances** | |
| | |
| | Z elevation| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 地面坑洞的多层视差滚动<br>(修改不同层级背景的Z视差) | Rory | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Zelevation/zlake2.c3p) | | |
| | |
| <!-- Collision -->\\ | |
| | Collision | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 检测2个大物体精确的碰撞点 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Collision/CollisionPointDetection5.capx) | | |
| | |
| \\ | |
| <!-- SYSTEM REFERENCE --> | |
| | |
| ##### **UI** | |
| | |
| | 游戏菜单| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | RPG技能树菜单，投入/减少技能点，解锁前置条件技能 | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/Skilltree.c3p) | | |
| | |
| | 虚拟按钮| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 双摇杆，左手控制移动，右手控制方向| dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/VirtualGamepad/DoubleVirtualGamepad_v3.c3p) | | |
| | |
| \\ | |
| | 绘图| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 绘制多个对象组合的边界范围区域 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/ResizeRectangle.capx) |\\ | |
| | 绘制连线两个对象的线条| hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/Draw/LineDraw.c3p) | | |
| | |
| | ScrollingList| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 利用bullet制作滚动列表(单列) | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/ScrollingList/ScrollingList4columns.capx) |\\ | |
| | 利用bullet制作滚动列表(多列) | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/ScrollingList/ScrollingListOfPlayers.capx) | | |
| | |
| | 场景过渡动画| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 钻石渐变 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Transition/DiamondTransition.c3p) |\\ | |
| | 线条切入渐变 | Xsoul12 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Transition/transitions_example_Xsoul.c3p) | | |
| | |
| | System| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 在游戏中实现撤销上一步动作 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/UI/UndoDemo.capx) | | |
| | |
| | Math| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 围绕某个点，绘制椭圆轨道 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Math/EllipseDemo.capx) |\\ | |
| | 绘制贝塞尔曲线 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Math/EllipseDemo.capx) | | |
| | |
| | Clamp| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 将对象限制在另一对象的范围前进后退(爬绳子、滚动条) | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Platform/ClimbSwingingRope.capx) |\\ | |
| | 将对象规划在多个路径点轨道前进后退(火车轨道，过山车) | Erigatohishima | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Path/path_follow_3.capx) | | |
| | |
| | Fake 3D| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 伪3D人物8方向移动 | TackerTacker | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/TackerTacker_ProceduralCharacterAnimation.c3p) |\\ | |
| | 伪3D汽车8方向移动 | Salman_Shh | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/Fake_3D_Z-Elevation_by_SalmanShh.c3p) |\\ | |
| | 像Doom的第一人称视角地下城游戏 | aecanales | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/first-person-template.c3p) |\\ | |
| | 用Sprite组成3D星云空间(变化形状与缩放旋转) | OlivierC | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/3dPointCloud.capx) |\\ | |
| | 在3D空间中生产弹性的小球 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/Bouncing_Balls.capx) |\\ | |
| | 在3D空间中生产弹性的小球(镜头模糊滤镜与平滑相机) | TackerTacker | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/Bounce_C3.c3p) |\\ | |
| | 3D环绕移动（无碰撞） | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/orbit_blocs.c3p) |\\ | |
| | 3D环绕移动（有碰撞） | hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Fake3D/rotating_traps_water_solid.c3p) | | |
| | |
| \\ | |
| | 随机生成| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 在矩形范围中，动态生成特定大小的矩形| hcatarrunas | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Generator/spawn_squares_function.c3p) |\\ | |
| | 在矩形范围中，生成不同大小排列的矩形| André | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Generator/array_spawn_grid.c3p) | | |
| | |
| | 卡牌游戏| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 发牌，移入手牌时自动排序 | dop2000 | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Card/CardGame2PlayersC3.c3p) | | |
| | |
| \\ | |
| <!-- SCRIPTING OVERVIEW --> | |
| | |
| |  JavaScript in C3 | 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 旋转平台，角色踩上平台跟着旋转，像游乐场转转杯。<br>(脚本自定义函数，获取本地变量，调用系统JSON插件，返回Function参数) | Mikal | .c3p | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Javascript/Circular_Platforms.c3p) | | |
| | |
| \\ | |
| <!-- OTHER --> | |
| | |
| | 其他案例 (对大部分使用者来说，可能纯粹是用来搞笑的)| 作者 | 类型 | 下载 |\\ | |
| | :------------ | :------------: | :------------: | :------------: |\\ | |
| | 基于多帧动画，伪3D滑动旋转 | dop2000 | .capx | [下载](https://c2c3.oss-cn-beijing.aliyuncs.com/project/example/Other/AnimationRotation.capx) | | |
| | |
| \\ | |
| ------------ | |
| | |
| <!-- 常见问题 --> | |
| | |
| #### **常见问题** | |
| | |
| <!-- Disclaimer -->\\ | |
| ###### **这些范例都从哪来的？**\\ | |
| 这里提供的.c3p或.capx项目文件，大多数都来自Construct官网[教程板块](https://www.construct.net/en/tutorials?flang=-1&content=0)、[论坛提问板块](https://www.construct.net/en/forum/construct-3/how-do-i-8)、[Discord频道](https://discordapp.com/channels/116497549237551109/225550155531812865)。他们分散在各种地方，想检索的时候不好找，于是我们整理了这个案例图书馆，方便大家轻松找到想看的案例。\\ | |
| 在大多情况下，这些案例中并非是最合适的实现方案，只是一种可以提供你参考的想法思路。同样的，他们也并非最佳的入门学习资料，如果你还是初学者建议先把官方的模版看懂。由于每个开发者的开发习惯不同，案例只是提供了基本的逻辑实现，他们仍有非常大的优化空间，这些后续的工作都必须由你自己来完成。在参考案例过程中，多思考他为什么要这么做，可不可以按另一种方法那样做。以他的案例为模版，先学会修改参数，看懂事件运行的原理，提取出最核心的事件代码，然后继续扩展事件逻辑，这样才能把他的想法真正转换为自己的经验。 | |
| | |
| <!-- How to Open .c3p -->\\ | |
| ###### **我该用什么工具打开？**\\ | |
| 这里提供的.c3p或.capx项目文件，可以使用[Construct3编辑器](https://editor.construct.net/)打开。进入编辑器后，可以将已下载的.c3p或者.capx文件直接拖入编辑器窗口，或者在菜单手动打开项目。 | |
| | |
| <!-- Construct 3 beta releases -->\\ | |
| ###### **为什么无法打开项目？**\\ | |
| 当你打开某个.c3p项目时出现“Construct 3 beta”提示框，说明此项目的开发者使用了较新的Beta版本。你需要在新版本编辑器中重新打开它。 | |
| | |
| <div class="c3dialog_frame"><div class="c3dialog_title"><p class="c3dialog_text c3dialog_title_text">Construct 3 beta</p></div><div class="c3dialog_content_frame"><p class="c3dialog_text c3dialog_content_text">This project cannot be opened since it was saved in a newer version of Construct 3. The project was saved in <strong>r190</strong>, and you are currently using <strong>r188</strong>. Use a newer version of Construct 3 to open the project.</p></div></div> | |
| | |
| 你可以在官网[Construct 3 版本列表](https://www.construct.net/en/make-games/releases/beta)页面，找到目前最新的beta版本使用。 | |
| | |
| \\ | |
| <!-- Free editon limit -->\\ | |
| ###### **为什么无法编辑项目？**\\ | |
| 当你打开某个项目时想编辑事件，却弹出“Free editon limit”提示框，无法继续编辑。说明你目前使用的是免费版，免费版存在着许多限制，比如最多只能添加50条事件，最多新建2个图层...如果想解除限制，请给它恰饭！不充钱，能变得更强吗？ | |
| | |
| <div class="c3dialog_frame"><div class="c3dialog_title"><p class="c3dialog_text c3dialog_title_text">Free editon limit</p></div><div class="c3dialog_content_frame"><div class="c3dialog_title_svg" ><div style="width:40px;"><svg fill="#000000" height="48" viewbox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></div><p class="c3dialog_strong_text"><strong>This project exceeds the Free Edition limits</strong></p></div><p class="c3dialog_text c3dialog_content_text">You cannot modify this project when the limits are exceeded. Register an account and log in to increase the number of events you can use. Purchase a plan to remove all of the Free Edition limits.</p></div></div> | |
| | |
| <!-- What is .capx -->\\ | |
| ###### **.c3p 和 .capx 有什么区别？**\\ | |
| Construct 3可以直接导入未使用第三方插件的C2项目.capx，并将它自动转换为C3 runtime。但Construct 2 不能打开.c3p的项目。向下兼容。\\ | |
| 需要注意的是，官方宣布即将在2021年7月1日，正式停用Construct 2。如果你目前还在使用Construct 2，建议使用Construct 3，真的好用。\\ | |
| 当你下载了某个.capx，发现它正好能实现你理想的效果时，请注意检查该项目的事件功能是否在Construct3中有更新，比如改动最大的Function，已经成为C3编辑器内置组件，使用的方法也有了变化。\\ | |
| 另外，如果你的.capx项目使用了第三方插件，但是又希望将移植项目到Construct 3，只能先将使用了非官方插件的部分事件删除，手动导入后再想办法寻找其他解决办法。比如，寻找该插件C3 runtime的移植版本，或者使用其他插件代替。 | |
| | |
| \\ | |
| ------------ | |
| | |
| <!-- QQ群 -->\\ | |
| #### **联系方式**\\ | |
| CiGA Construct2/3 开发者QQ群：180911504 | |
| | |
| \\ | |
| <!-- 硬核。修改全局主题 -->\\ | |
| <style name="xhxiaiein_globalstyle" type="text/css">\\ | |
| :root { --icon-theme: #171717;}\\ | |
| /* Built-in */\\ | |
| .entry-header, .header-footer-group,.comments-wrapper,.section-inner{display:none}\\ | |
| /* main */\\ | |
| body{width:100%; background-color:#e6e6e6;font-size:16px;line-height:20px;font-weight:400;min-width:420px;}\\ | |
| .entry-content {margin-top:-50px; margin-bottom: 8rem;position: relative; min-height: 100%; height: 100%;padding-top:24px}\\ | |
| .entry-content *{margin:0 auto;box-sizing: border-box;}\\ | |
| /* Font */\\ | |
| .entry-content h1,h2,h3,h4, h5,h6{line-height: 26px; margin: 24px auto; font-weight: bold;}\\ | |
| .entry-content h6{padding-bottom:10px; margin-bottom: 5px;}\\ | |
| .entry-content p { white-space: pre-line; word-break:break-all;}\\ | |
| .entry-content p, a{ font-size: 14px; padding:0; margin: 0 auto;}\\ | |
| .entry-content table, table *, hr { margin: 0 auto; border-color: #2b2b2b; }\\ | |
| /* table-frame */\\ | |
| .table_frame { padding-top: 4px; padding-bottom: 8px;}\\ | |
| .table_frame:after {content: '\A'; white-space: pre;}\\ | |
| .table_frame table { width:100%; border-collapse: collapse;}\\ | |
| .table_frame table *{font-size: 14px;}\\ | |
| .table_frame table tbody{ width: 100%; table-layout: fixed !important;}\\ | |
| /* hr */\\ | |
| .entry-content hr:before{display:none}\\ | |
| .entry-content hr:after{display:none}\\ | |
| .entry-content hr{border-style: dashed; border-width: 0.5px; }\\ | |
| /* td */\\ | |
| .table_frame table td:nth-of-type(1) {width: 380px;}\\ | |
| .table_frame table td:nth-of-type(3) {width: 28px;}\\ | |
| .table_frame table td:nth-of-type(4) {width: 32px;}\\ | |
| .table_frame table td:nth-of-type(2) {white-space: nowrap !important;}\\ | |
| .table_frame table td:nth-of-type(3) {white-space: nowrap !important;}\\ | |
| .table_frame table td:nth-of-type(4) {white-space: nowrap !important; text-align: center !important;}\\ | |
| /* th */\\ | |
| .table_frame table th{font-weight: bold; white-space: nowrap; background: #c2c2c2; }\\ | |
| /* svg-color */\\ | |
| .table_frame table th:nth-of-type(1) * {display: inline-block !important;vertical-align: sub !important;height:20px; }\\ | |
| .table_frame table th:nth-of-type(1) img{pointer-events: none;position: relative; left: -27px; overflow: hidden; filter:drop-shadow(27px 0 0 var(--icon-theme));-webkit-filter:drop-shadow(27px 0 0 var(--icon-theme));-moz-filter:drop-shadow(27px 0 0 var(--icon-theme));}\\ | |
| </style> | |
| | |
| \\ | |
| <!-- 仿C3对话框 -->\\ | |
| <style name="xhxiaiein_c3dialog" type="text/css" >\\ | |
| .c3dialog_frame{display:block;width:95%;margin:10px auto 10px auto !important;box-sizing:border-box;padding:0;vertical-align:top}\\ | |
| .c3dialog_title{width:100%;box-sizing:border-box;border-width:2px 2px 0;border-radius:10px 10px 0 0;border-style:solid solid none;border-color:#4180c6;background-color:#2980cc;padding:2px 4px}\\ | |
| .c3dialog_text{font-size:14px !important;line-height: 20px !important;margin: 0 !important; padding: 0 !important;}\\ | |
| .c3dialog_title_svg{margin:0px auto;display:flex;justify-content: left;align-items:center;}\\ | |
| .c3dialog_title_text{color: #fff !important;text-align:center !important;padding:0 !important;}\\ | |
| .c3dialog_strong_text{color:#000 !important;font-size:18px !important;margin:0 !important;padding:0 !important;margin-left:8px !important;}\\ | |
| .c3dialog_content_text{color: #000 !important;padding-top: 4px !important;}\\ | |
| .c3dialog_content_frame{display:inline-block;border-width:0 2px 2px;border-radius:0 0 10px 10px;border-style:none solid solid;background-color:#efefef;padding:10px 20px 20px;box-sizing:border-box;border-color:#d8d8d8;}\\ | |
| </style> | |
| | |
| \\ | |
| <!-- 移动端适配 -->\\ | |
| <style name="xhxiaiein_tableMobileView" type="text/css">\\ | |
| @media screen and (max-width: 460px) {\\ | |
| /* table */\\ | |
| .table_frame th{display: none;}\\ | |
| .table_frame td{display: none;}\\ | |
| .table_frame th:nth-of-type(1) {width: 100%;}\\ | |
| .table_frame th:nth-of-type(1) {display: table-cell;}\\ | |
| .table_frame td:nth-of-type(1){display: table-cell;}\\ | |
| .entry-content:before {content: '亲，建议使用电脑端阅读。'; white-space: pre; color: #f7f9fa; background-color: #2a80eb; display: block;padding: 4px 6px 4px 6px;margin-bottom:24px; margin-top:-24px;}\\ | |
| }\\ | |
| </style> | |
| | |
| \\ | |
| <!-- 硬核。页面渲染结束后插入代码 --> | |
| | |
| <!-- 在table外部包裹一层div，自适应宽度 --> | |
| | |
| <script type="text/javascript">\\ | |
| [].slice.call(document.querySelectorAll('table')).forEach(function(e){ var wrapper = document.createElement('div'); wrapper.className = 'table_frame'; e.parentNode.insertBefore(wrapper, e); e.parentNode.removeChild(e); wrapper.appendChild(e);})\\ | |
| </script>\\ | |
| :root { --icon-theme: #171717;} | |
| /* Built-in */ | |
| .entry-header, .header-footer-group,.comments-wrapper,.section-inner{display:none} | |
| /* main */ | |
| body{width:100%; background-color:#e6e6e6;font-size:16px;line-height:20px;font-weight:400;min-width:420px;} | |
| .entry-content {margin-top:-50px; margin-bottom: 8rem;position: relative; min-height: 100%; height: 100%;padding-top:24px} | |
| .entry-content *{margin:0 auto;box-sizing: border-box;} | |
| /* Font */ | |
| .entry-content h1,h2,h3,h4, h5,h6{line-height: 26px; margin: 24px auto; font-weight: bold;} | |
| .entry-content h6{padding-bottom:10px; margin-bottom: 5px;} | |
| .entry-content p { white-space: pre-line; word-break:break-all;} | |
| .entry-content p, a{ font-size: 14px; padding:0; margin: 0 auto;} | |
| .entry-content table, table *, hr { margin: 0 auto; border-color: #2b2b2b; } | |
| /* table-frame */ | |
| .table_frame { padding-top: 4px; padding-bottom: 8px;} | |
| .table_frame:after {content: '\A'; white-space: pre;} | |
| .table_frame table { width:100%; border-collapse: collapse;} | |
| .table_frame table *{font-size: 14px;} | |
| .table_frame table tbody{ width: 100%; table-layout: fixed !important;} | |
| /* hr */ | |
| .entry-content hr:before{display:none} | |
| .entry-content hr:after{display:none} | |
| .entry-content hr{border-style: dashed; border-width: 0.5px; } | |
| /* td */ | |
| .table_frame table td:nth-of-type(1) {width: 380px;} | |
| .table_frame table td:nth-of-type(3) {width: 28px;} | |
| .table_frame table td:nth-of-type(4) {width: 32px;} | |
| .table_frame table td:nth-of-type(2) {white-space: nowrap !important;} | |
| .table_frame table td:nth-of-type(3) {white-space: nowrap !important;} | |
| .table_frame table td:nth-of-type(4) {white-space: nowrap !important; text-align: center !important;} | |
| /* th */ | |
| .table_frame table th{font-weight: bold; white-space: nowrap; background: #c2c2c2; } | |
| /* svg-color */ | |
| .table_frame table th:nth-of-type(1) * {display: inline-block !important;vertical-align: sub !important;height:20px; } | |
| .table_frame table th:nth-of-type(1) img{pointer-events: none;position: relative; left: -27px; overflow: hidden; filter:drop-shadow(27px 0 0 var(--icon-theme));-webkit-filter:drop-shadow(27px 0 0 var(--icon-theme));-moz-filter:drop-shadow(27px 0 0 var(--icon-theme));} | |
| | |
| .c3dialog_frame{display:block;width:95%;margin:10px auto 10px auto !important;box-sizing:border-box;padding:0;vertical-align:top} | |
| .c3dialog_title{width:100%;box-sizing:border-box;border-width:2px 2px 0;border-radius:10px 10px 0 0;border-style:solid solid none;border-color:#4180c6;background-color:#2980cc;padding:2px 4px} | |
| .c3dialog_text{font-size:14px !important;line-height: 20px !important;margin: 0 !important; padding: 0 !important;} | |
| .c3dialog_title_svg{margin:0px auto;display:flex;justify-content: left;align-items:center;} | |
| .c3dialog_title_text{color: #fff !important;text-align:center !important;padding:0 !important;} | |
| .c3dialog_strong_text{color:#000 !important;font-size:18px !important;margin:0 !important;padding:0 !important;margin-left:8px !important;} | |
| .c3dialog_content_text{color: #000 !important;padding-top: 4px !important;} | |
| .c3dialog_content_frame{display:inline-block;border-width:0 2px 2px;border-radius:0 0 10px 10px;border-style:none solid solid;background-color:#efefef;padding:10px 20px 20px;box-sizing:border-box;border-color:#d8d8d8;} | |
| | |
| @media screen and (max-width: 460px) { | |
| /* table */ | |
| .table_frame th{display: none;} | |
| .table_frame td{display: none;} | |
| .table_frame th:nth-of-type(1) {width: 100%;} | |
| .table_frame th:nth-of-type(1) {display: table-cell;} | |
| .table_frame td:nth-of-type(1){display: table-cell;} | |
| .entry-content:before {content: '亲，建议使用电脑端阅读。'; white-space: pre; color: #f7f9fa; background-color: #2a80eb; display: block;padding: 4px 6px 4px 6px;margin-bottom:24px; margin-top:-24px;} | |
| } | |
| | |
| [].slice.call(document.querySelectorAll('table')).forEach(function(e){ var wrapper = document.createElement('div'); wrapper.className = 'table_frame'; e.parentNode.insertBefore(wrapper, e); e.parentNode.removeChild(e); wrapper.appendChild(e);}) | |
| |
| | <mermaid> |
| | graph TD |
| | A[开始] --> B[读取输入目录] |
| | B --> C{遍历所有文件} |
| | C --> |是图片文件| D[增强对比度] |
| | D --> E{边缘是否白色?} |
| | E --> |是| F[跳过文件] |
| | E --> |否| G[去除背景] |
| | G --> H[检测大轮廓] |
| | H --> I{遍历所有轮廓} |
| | I --> J[提取轮廓区域] |
| | J --> K{尺寸是否合适?} |
| | K --> |否| F |
| | K --> |是| L{包含过多文字?} |
| | L --> |是| F |
| | L --> |否| M[添加透明通道] |
| | M --> N[保存图像] |
| | N --> I |
| | I --> |处理完成| C |
| | C --> |所有文件处理完毕| O[结束] |
| | </mermaid> |
