- 博客(39)
- 收藏
- 关注
RSS订阅原创 为什么你的Cursor效率不如我
然后AI就会根据memory bank的要求梳理并初始化一份基础文档，后续的AI编程都会基于memory bank的规则来获取上下文。，这些文档充当了项目管理的角色。AI在每次开始任务前必须强制读取这些文档，充分理解上下文，遵循已有的技术方案，规避已知的缺陷，减少重启对话，手动管理上下文等人工介入的场景。改了一个文件，没有修改另外的文件。如果是几百行代码的demo，cursor能一次完成输出并完成，但是如果在复杂的多文件项目中，很容易发生文件漏改，或者模块A的引用更改之后，忽略掉模块B也有对应的引用。
2025-03-31 11:58:26
798
原创 一条prompt生成app界面
异名昨天晚上用Claude 3.7，输入一条prompt，五六次确认，就从无到有生成了一份完整的“音乐播放器”UI设计稿，HTML直出，代码可直接部署使用。那一刻，我心中软件产业的AGI奇点真的来了音乐播放器异名一直从事前端程序员的工作。大学期间恰逢移动互联网的浪潮，我能找到一些前端的外包工作，比如手写html/css还原电商模块切图，每次能赚两百块生活费。我也喜欢写，从简单的布局、到响应式布局、...
2025-03-06 12:58:16
425
原创 使用游戏技术让AI图片动起来
文生图在AIGC领域已经很成熟了，也诞生了很多具有想象力的产品形态，其中图文互动类的产品一直贯穿24年全年，从最开始的智能绘本到最近大火的猫箱，产品的沉浸感一直是很重要的命题，异名作为老互动同学了，我们不如让静态的文生图动起来？让AI图片动起来实现思路互动领域的图片“动态“诉求并不少，比如视差、陀螺仪交互，我们可选的技术方案也有很多。但是在大批量的内容供给、制作流程高度自主化等要求下，很多技术方案...
2024-12-30 11:58:19
849
原创 用AI实现视频拼接工作流
异名最近一直在做启动相关的优化，做效果回收的时候难免会做一些录屏对比的工作，以往我需要去翻找FFmpeg的官方文档，组装参数，现在我可以借助大模型一次对话就能获得直接在shell中运行的命令。但是我还是免不得单独为每个视频做一些掐头去尾的裁剪同步工作，次数一多，我不免生烦。这篇文章介绍我花两个晚上，每天两小时构造一个满足我需求的工作流的思考过程工作流截屏“我要造一个视频拼接的工作流” 这个需求是低...
2024-12-04 11:55:11
752
原创 AI 两小时创作产品原型网站
新的软件研发范式正借助AI快速演进，移动互联网时代的技术体系会逐渐瓦崩，乐观的人认为几个月内，以界面工作为主的前端工种会被逐渐替代，顺带和UED、测试一起推倒，而服务端也仅仅只因为捆绑了业务逻辑能多苟活几个月，异名虽然对这个时间周期保持谨慎，但也坚信变化会很快，很剧烈地发生起风的时候，程序员的上下游最先拥抱变化，大量的独立产品经理和独立设计师已经被AI编程赋能，没有技术基础的普通人借助Cursor...
2024-11-02 20:08:50
675
1
原创 游戏场景过渡效果
异名实现了一个基于颜色偏移的游戏场景过渡效果。这种效果利用了起始颜色与目标颜色之间的动态插值，创造出一种流畅的视觉体验。效果十分吸引眼球，尤其在切换不同场景时表现出色实现思路整体的场景切换脚本可以看之前的文章，这里就不再展开了，本次过渡效果作为其中的一个拓展，核心是下面这个 transition 函数，基于位置和颜色进行渐变插值vec4getFromColor(vec2uv){retu...
2024-09-27 11:55:34
470
原创 透明画布渲染模式
Cocos开启透明画布模式后，一些具有透明度的Sprite会和背景的颜色叠加，会导致该元素的渲染异常，需要通过图片预乘和设置blend来修正渲染的效果。对游戏开发同学来说可能会陌生，为什么需要Canvas和DOM共存，以及什么场景下需要开启透明画布渲染模式在营销活动页、数据大屏等web互动领域，前端整体的运行时需要构建在web体系上，但是业务对渲染效果有较强的诉求，所以在技术选型上一般把Canva...
2024-07-26 11:51:42
428
原创 雨天屏保
前些日子，一个同事说喜欢 B 站上的线上自习室，打开视频就这么安安静静的一个人待着也很舒服，我也很喜欢这种状态。大约三四年前我有一个网页，背景是嘈杂的都市路口，小雨稀疏得下着，听着耳机里传来雨水哗啦啦的声音，我可以特别放空。恰逢端午的小雨，我把代码重新部署上线实现思路画面的主要功能是下雨，雨滴的绘制可以拆分成两个阶段，分别是落地前的渐变矩形和落地后的扩展椭圆形，设定了一个地面阈值，当雨滴的y坐标小...
2024-06-10 22:52:33
427
原创 游戏场景碎片过渡效果
早些时候在社区见到一个元宇宙的项目，做了一个前后场景方块碎片过渡的效果，十分有科技感，异名就有了复刻的想法；加上两个场景切换的过渡效果比较实用，社区上已经有了开源的方案，异名复刻的成本很低，但是收获不少实现思路因为最终效果需要应用到两个场景切换中，所以借助了常驻节点来实现全局共享的能力。常驻节点是一种特殊类型的节点，它们在场景切换时不会被销毁，而是保持在内存中。常驻节点在整个游戏生命周期中都存在，...
2024-05-16 11:51:01
884
原创 GameJam线下48小时极限游戏开发体验
今天要说的是“不藤和异名”在杭州参加今年的GameJam线下48小时极限游戏开发的故事，不藤是异名合作过的最优秀的设计师之一，被异名忽悠过来参加GameJam后，不藤度过了一个比工作日还疲...
2021-07-22 00:18:33
791
1
原创 回顾css的animation属性
异名新接一个需求，实现一个文字的切换，结果发现太久没写css动画，对animation属性已经很陌生，尤其是对steps()函数的理解已经丢掉了。animation 属性概览animat...
2020-12-14 18:30:00
310
原创 从Chrome小恐龙游戏学习2D游戏制作
在chrome浏览器的断网页面，按空格键或者向上键会出现一个小恐龙跑酷小游戏，这个2D小游戏在设计上精致小巧，在代码上也只有三千多行，思路清晰严谨，很有学习价值demo在非断网情况下，可...
2020-10-15 18:10:00
853
1
原创 设计稿生成游戏界面
在游戏界面的搭建这一块，行业内有很多成熟的工作流，有像animate.cc和create.js这种完全把界面和交互交给设计的方案，也有像FairyGUI这些面向设计师的跨平台的界面编辑器...
2020-09-14 08:39:18
495
原创 前端生僻字显示
异名在一个游戏项目中遇到一个比较有意思的问题，在游戏的玩法设定中，当怪物在消失的时候会爆出一个中文字，这个效果在部分机型上会出现乱码符号显示乱码的原因一开始还以为是字符太多了，char的...
2020-08-07 09:02:49
4950
原创 异名解题：7. 整数反转
给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。注意：假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−2³¹, 2³¹ − 1]。请根据这...
2020-07-02 10:27:16
120
原创 异名读书：万物重构
《万物重构》有一个副标题：智能社会来临前夜的思考。它是一本对未来有焦虑的书，全书共有五章：时代的巨变：主要描述了科学技术发展的历程科学技术是第一生产力：从哲学的高度去分析时代和科技的变化...
2020-07-02 10:27:16
527
原创 游戏性能优化
异名最近负责了一个微信小游戏的项目，在版本迭代间隙对游戏的性能调优进行了一次尝试。这个游戏是个打击类游戏，下面展示一下游戏的预览效果????性能指标引擎和小游戏都有提供一个性能面板，给...
2020-07-02 10:27:16
890
原创 异名解题：5. 最长回文子串
给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。测试用例一 输入: "babad" 输出: "bab" （"...
2020-06-07 14:31:02
209
原创 异名读书：黑客与画家（上）
本书是硅谷创业之父格雷厄姆的文集，他是程序员出生，而后转型成为投资人，培训和发掘了大量的硅谷创业公司。它不是一本工具书，也不是一本方法论，它是一本文集，是格雷厄姆对创作、创新、创业、互联...
2020-06-07 14:31:02
152
原创 渐变过渡的相册（shader）
相册是一个大家比较熟悉的场景，一般我们是实现的都是那种跑马灯式的轮播相册，这里异名给大家提供一个利用shader实现图片渐变过渡的相册思路demo实现思路拆分一下功能点，主要有两个：一个...
2020-06-07 14:31:02
951
1
原创 异名解题：206.反转链表
反转一个单链表输入: 1->2->3->4->5->NULL输出: 5->4->3->2->1->NULL解题思路解法一 利用...
2020-05-29 11:50:00
151
原创 马赛克效果(shader)
马赛克是一种常用的图像处理手段，因为这种模糊效果看上去有一个个的小格子组，便形象的称这种画面为马赛克。当画面上的马赛克格子小到一定程度的时候，画面呈现出来的风格也叫像素风demo实现思路...
2020-05-29 11:50:00
842
原创 融球效果(shader)
元球也叫融球，它能够让两个球体产生“黏糊糊”的效果，是流体、融合等效果的实现基础，异名这次实现的demo是一个固定的大圆，然后手指控制一个游离态的小圆，它们靠近的时候会产生融合的效果de...
2020-05-18 11:58:17
2921
1
原创 颜色滤镜
我们手机上有很多照片处理软件，图片滤镜是里面不可或缺的一部分，我们可以先尝试一些很简单的滤镜的算法，管中窥豹地去认识一下色彩的处理demo实现思路先来看一下比较常用的褐色、老照片效果，它...
2020-05-12 12:35:54
809
原创 水波扩散效果(shader)
水波扩散是一个比较好看的交互效果，特别是在某些以水为故事发生场景的游戏中，扩散的水波会让场景更加栩栩如生demo实现思路如果水波静止，我们看到的其实是像素点围绕着某个中心点的拉伸效果，我...
2020-05-08 12:00:00
2033
原创 镜面光泽效果
镜面上扫过一道光泽是UI里面很常用的一种特效，通常用来强调某个物体或者凸显物体的“稀有”价值，比如卡片中扫过一道光芒等demo实现思路根据这个效果的实际需求，可以提取到两个关键点，一个是...
2020-05-06 12:00:00
523
原创 圆形头像（shader）
圆形头像在creator中没有提供，但是这个又是个比较高频的使用功能demo实现思路可以使用一张圆的图片，然后配合mask的反向遮罩来实现，但是这种实现的效果会有锯齿，所以一般会写一个s...
2020-04-28 12:00:00
516
原创 追光效果
追光效果是在舞台全场黑暗的情况下用光柱来突出角色或其他特殊物体，还可以通过操控光源来跟随人物移动。追光效果主要用来突出角色主体以及主体和环境的关系，在游戏中可以用来营造沉浸式氛围以及聚焦...
2020-04-26 12:01:06
1850
1
原创 shader 溶解效果
物体的淡入淡出是游戏当中很常见的一种状态切换效果，但是有时候我们希望fade切换的时候，物体能够能更有色彩层次感或者其他一些特殊的中间状态，这个时候就得自己去写着色器，这种区别于单纯的淡...
2020-04-22 12:00:12
1744
原创 富文本打字机效果
打字机效果也就是让文字逐个在屏幕中显示，直到把整段话说完，常常被应用到人物对话，角色旁白以及引导教程等高频场景中。demo实现思路文字逐一显示，其核心思路就是定时器的应用，对label组...
2020-04-20 12:02:44
1046
原创 放大镜效果
对画面的某个位置进行放大和缩小，是某些类型游戏里面必不可少的功能，比如常见的地图缩放，局部细节放大等等。它核心是对相机应用，异名基于此实现一个放大镜的demodemo实现思路首先要理解相...
2020-04-17 12:00:00
461
原创 子弹跟踪效果
打击的目标一直在移动，但是子弹却像长了眼睛一样在后面尾随，直到精准击中目标。这种“长了眼睛的子弹”，是打击类游戏中比较经典的武器之一。demo实现思路首先要排除掉用的动画来实现，因为我们...
2020-04-15 12:00:00
2081
原创 微信小游戏首包超出4M之后
微信小游戏平台上对首包的的限制是4M，超出限制之后可以采取什么样的措施呢？异名做了一下盘算，大概可以有以下操作挤牙膏式瘦身如果我们能够在各种常规的瘦身手段下就可以把超出的容量压缩回到4M...
2020-04-13 12:30:35
726
原创 移动残影效果
游戏中的人物移动带起残影，用来表达速度是很有视觉表现力的。异名的实现思路是从“白玉无冰”那里参照过来的，在具体的实现上面添加了一些异名自己的理解。demo实现思路投影到多个画布“白玉无冰...
2020-04-11 18:30:07
1008
原创 刮刮卡实现
刮刮卡大家生活里都使用过，像奖券，优惠券，外卖好评卡什么的。有时候游戏里面也需要用到。Scratch_ticket实现思路一个完整的刮刮卡需要有这三个功能，刮开涂层、刮开比例、重置。整个...
2020-04-09 17:45:00
497
原创 遥控杆实现
这是游戏里面很常用的一个功能模块，通过操控遥控杆控制物体的移动Joystick实现思路遥控杆的构造分为中间的控制点和外层的圆形，首先给遥控杆绑定个触控事件，然后在touch_move的时...
2020-04-08 21:00:00
570
原创 金币落袋效果
金币从初始点散开然后逐个飞落到指定的位置，这是游戏里面很常用的一个动画，效果如下实现思路要实现这个效果，我们已知三个条件，分别是起点位置，终点位置，金币个数。生成金币位置金币散开的位置看...
2020-04-07 17:46:56
1024
原创 背景无限滚动
这是游戏里面很常用的一个功能模块，它就像你的生活，有着走不完的路程。它的实现也很简单，要么做一个很长的背景图，然后移动相机；要么就是实现一个跑马灯，像那些轮播图什么的，大家应该都有写过。...
2020-04-06 20:56:47
577
原创 使用cocos进行2D和3D混合开发
这是异名上手cocos后，正式开发上线的第一款游戏，用的引擎版本是v.2.2.0，游戏一共有6个场景，其中一个3D场景，4个2D场景，在这里做简单的一个复盘和回顾，因为需要我们平台的账号...
2020-03-29 18:00:00
1437
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人