shader TileMap html的Canvas绘图缓动/反弹动作 unity

图解Charles抓包工具使用教程
就是抓取返回的Data-
-------------------------------------------------------shader
1 shader是：通俗讲就是获得图片的像素和操作图片的像素

2 例子切水果：

attribute vec4 a_position; attribute属性 vec4点坐标四维矩阵。
varying vec4 v_fragmentColor; varying表示能导出(如给片段shader使用)
uniform float offset; uniform xxx;表示自定义

.flag:表示的像素点
tmp.y = tmp.y + offset * sin(tmp.x * angle); 像素点偏移位置
gl_FragColor = texture2D(CC_Texture0, tmp); 像素点颜色纹理
gl_FragColor.a = gl_FragColor.a * opacity; 修改像素点透明度；

// 1.0 与 2.0编写shader都不一样 在向unity靠.
// 一般修改Flag文件中偏移位置和颜色
.rgb就是这张图片的每个像素点的值，  .a就是这张图的透明度   dot(向量点乘)
CC_Texture0 是这张图上每个像素点     a_texCoord图片的纹理  a_color颜色 a_position顶点信息

https://www.jianshu.com/p/72f68fcb845f
https://blog.csdn.net/u010664312/article/details/51891884
https://www.cnblogs.com/jukan/p/7027118.html — 片段着色器例子
1片段中的uniform要添加到Uniform中 <游之幻用的pomelo>
2例子报错：因为ccc只支持1张纹理CC_Texture0 没有0/1/2/3…且已默认定义。 3又报错因为motion这些未传值
3 一张纹理4个vert，顶点shader文件组件调用四次, 片段调用次=像素个数

cocos2d 3.X Shader 变暗和变灰----https://www.cnblogs.com/claireyuancy/p/6776143.html
------------------------------------例子：

---------------cocosCreater的Shader效果基于2.0版本
https://blog.csdn.net/qq_15682489/article/details/84843304
------------------------------------TileMap-----几个傻逼问题(后端)
1官网下载时要付款。点击No thanks
2 对象层中的对象不会添加？ <点击编辑多边形>
3 TMX中无法添加tile瓦片。<菜单栏–视图和工具栏>

-------------------------------------切水果—2019.1-------------------网络
1 二者混了
wx.downloadFile下载资源和请求wx.request数据
2 请求报错抓包排查，如何查找？
如： WX.request(‘https://account.api.snsfun.com/XyxApi/custom’, { gameid:58}, function(res){…
结果：请求URl多空格 + 参数不对

3
客户端：审核(屏蔽按钮…) 非审核
服务器：正式服测试服(开发调试用)
4
避免重新打包：项目–src–project.774d6.js文件搜索函数—修改
debug打的包 code未压缩能直接调

--------------- 消灭病毒
1 二维码编译：使用一张小程序图片 / 自定义编译：用于模拟特定方式进入游戏
使用工具调试代码

2 构建一直报json错误。代码资源 scene中节点全删除也不行弄一下午。
<svn的setting冲突>

第二次遇到：
原因：是因为setting文件夹中services.json 错误导致的。
方案：services.json文件红色波浪线处的字符串折行了，解析失败。把格式改对了就好了。

3 搞到凌晨：子域一直不显示。

---------------------------------------------------------HTML5 Canvas绘图
1 坐标系(原点在左上角)

2 微信游戏圈和授权按钮位置

聊天：
因为现在是宽度适配，所以是当前windowwidth/640
前面的/2是中心点
…
我不知道怎么给你解释啊
按钮宽度300，要把它映射到canvas空间
所以要乘以比例
150是按钮宽度的一半
因为默认是从左边开始画
3
html的canvas绘图位置：top/left计算方法
var top = (740-100) / (cc.winSize.height / res.windowHeight); // 游戏舞台中banner顶部距离坐上角高度游戏舞台高度画布/手机像素高度 (例子：1280-设计分辨率 960-手机分辨率点在游戏舞台900位置映射到手机中450)

------------------------------------------------2019.2------cocos2d-x 缓动曲线
https://blog.csdn.net/linyang24/article/details/77880723
在实现运动中，我们常常需要实现一些加速度或者减速度的效果，cocos2d-x引擎为我们提供了相应的实现接口，这样我们就不用再用原来的公式计算方法来实现加减速度的效果

Ease系列的方法改变了运动的速度，但是并没有改变总体时间，如果整个的action持续5秒钟，那么整个的时间仍然会持续5秒钟。

这些action可以被分成3类：

In actions: action开始的时候加速

Out actions: action结束的时候加速

InOut actions: action开始，结束的时候加速

-----------------------------------unity Input.GetAxis 使用说明
废话少说直接上代码说明

float h = Input.GetAxis(“Horizontal”);//这个代码的意思是对应键盘上面的左右箭头，当按下左或右箭头时触发

float v=Input.GetAxis(“Vertical”); //对应键盘上面的上下箭头，当按下上或下箭头时触发

-----------------------------------果汁风暴知识点

-----------------------------------2020.3.9 面试:
A有一个子节点B. 调用B.removeFromParent后,在A.addChild(B)方法, 请问B组件中onLoad start方法会执行吗?
都不会
-----------------------------------2019.3~5

-------------------------------------星空
6 widget适配组件：调%无用相对父节点宽高尺寸
7 微信右上角三点位置API： wx.getMenuButtonBoundingClientRect
8 从2.0.7开始支持资源分别加载 2资源放服务器或分包，前提貌似资源未在项目中被直接引用
手Q不支持排行榜 API名字找不到
--------------------------------------------------------常识
1 二种渲染模式

(如同：unity用directX cocos用openGL)

2 three.js引擎专门3D,用的WebGl
Unity3D之Material(材质、着色器、纹理)

------------------------------------3D基础知识
1 拆uv做绘贴图如立方体拆成6个面每个面对应
2 材质球形通用(表现好高光啥
贴图拖入模型会自动创建材质，类似龙骨中卡槽
https://m.jb51.net/3DMAX/417675.html
3
在这里插入图片描述

手臂：有厚度凸凹不平 — 多个面组成一个面3个顶点
精简模型：减少面数和点数
点数：共用的算一个如立方体12个面8个顶点(注：不是6个面按每个面拆成2三角形=62)
4 3dmax中模型

面数：指的三角面数量(绿线网格1个网格一个面)
模型大小=面数数量一个面对应二位图片中一个像素，
------------------材质贴图
高亮贴图：用于实现高光，如增强亮度金属质感
法线贴图：3dmax烘培出来的，主要用低模实现高模 (优点：减少面数)
漫反射/颜色贴图：必须要有的

一般次世代游戏用：高亮法线贴图

shader TileMap html的Canvas绘图缓动/反弹动作 unity相关推荐

Android中Canvas绘图之Shader使用图文详解
概述我们在用Android中的Canvas绘制各种图形时,可以通过Paint.setShader(shader)方法为画笔Paint设置shader,这样就可以绘制出多彩的图形.那么Shader是什 ...
11、《每周一点canvas动画》——缓动动画
本系列文章代码文件前面的章节我们介绍了许多基本的动画,在本节我们将使用这些基本的动画来创建一些高级动画.今天我们介绍的第一个高级动画叫做缓动动画(ease),也许在写css动画的时候已经接触过 ea ...
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
捕获物体多边形以及不规则图形的捕获非常复杂,采用的方法是分离轴定理(SAT)和最小平移向量(MTV).这里不展开介绍,有兴趣的小伙伴可以自行搜索了解一下.下面来介绍一下矩形和圆的捕获. 矩形的捕获 ...
软件项目技术点(1)——Tween算法及缓动效果
AxeSlide软件项目梳理 canvas绘图系列知识点整理 Tween算法及缓动效果软件里在切换步序时需要有过渡动画效果,从当前位置的画面缓动到目标位置的画面.动画效果可重新查看文章系列第一篇 ...
背水一战 Windows 10 (15) - 动画: 缓动动画
背水一战 Windows 10 (15) - 动画: 缓动动画原文:背水一战 Windows 10 (15) - 动画: 缓动动画 [源码下载] 背水一战 Windows 10 (15) - 动画: ...
Android--使用Canvas绘图
前言除了使用已有的图片之外,Android应用常常需要在运行时根据场景动态生成2D图片,比如手机游戏,这就需要借助于Android2D绘图的支持.本篇博客主要讲解一下Android下使用Canvas ...
Cocos状态机与缓动系统
import { _decorator, Component, Node ,Animation,EventTouch} from 'cc'; const { ccclass, property } = ...
在html画一个自动缩放圆环,使用html5 canvas绘制圆环动效
最近笔者有个需求,需求内容为:一组文字显示在圆环的周围,用户可添加文字,文字围绕着圆环,每个词对应圆环周围的的蓝色小圆点,当用户鼠标放在圆环上方小蓝点时时,实现放射出三角形,再显示出文字,先看看动图效 ...
react 组件连动效果_记一个缓动水柱React动画组件的初次尝试
写完意识到这是第一篇,算是前言吧... 以后在zhihu写点东西...就当是博客好了,个人观点和体会而已,不求高大上,但求回头看的时候能够让以后的自己瞧不起. 背景:写React也一年多了,从一开始的 ...

shader TileMap html的Canvas绘图缓动/反弹动作 unity

shader TileMap html的Canvas绘图缓动/反弹动作 unity相关推荐

最新文章

热门文章

shader TileMap html的Canvas绘图 缓动/反弹动作 unity

shader TileMap html的Canvas绘图 缓动/反弹动作 unity相关推荐

最新文章

热门文章

shader TileMap html的Canvas绘图缓动/反弹动作 unity

shader TileMap html的Canvas绘图缓动/反弹动作 unity相关推荐