来自斯坦福大学计算机科学系的博士生 Eric Zelikman 就进行了这方面的尝试,而且他不仅用 ChatGPT 写了儿童故事,还让之前火了大半年的 DALLE-2 将其画了出来。 也就是说,他相当于用两个 AI 做出了一本绘本。 故事的梗概是这样的: 从前,在一个遥远的地方,有一位名叫罗比的机器人,他生活的世界里到处都是机器。 当然,为了生成这个「绘本」,Eric Zelikman 也克服了一些困难,比如 ChatGPT 有时生成的 prompt 太长了,他需要缩减一下才能喂给 DALL-2,因为后者对输入长度是有限制的,这也在一定程度上增加了故事风格 为了让 DALL-2 的生成效果更佳,Eric Zelikman 首先让 ChatGPT 为故事的每一段生成一个插图描述,然后反复要求它重复第一个 / 下一个插图描述。 还有人表示,自己其实也和 Eric Zelikman 做了类似的事情,让 ChatGPT 生成一个童话故事,然后让 Dall-E 2 画出来。
和 2PI 之间等间距生成 10 个值,也就是 X 坐标 x = np.linspace(-2*np.pi, 2*np.pi, 10) # 计算 y 坐标 y = np.sin(x) # 向方法中 和 2PI 之间等间距生成 1000 个值,也就是 x 坐标 x = np.linspace(-2 * np.pi, 2 * np.pi, 1000) # 计算 sin() 对应的纵坐标 y1 = np.sin --', linewidth=2, alpha=0.1) plt.plot(x, y2, color='b', linestyle='-', linewidth=2) ? np.pi, 2*np.pi) y1 = np.sin(x) y2 = np.cos(x) # 子图 1 plt.subplot(2, 2, 1) plt.plot(x, y1, 'k') # 子图 2 plt.subplot(2, 2, 2) plt.plot(x, y2, 'r') # 子图 3 plt.subplot(2, 2, 3) plt.plot(x, y2, 'y') # 子图 4
6.1 AI 童行,用扣子AI制作儿童绘本 AI 童行,创意无界,使用扣子的图像流/卡片/工作流等复杂能力,围绕着儿童节我们来搭建创意 Bot ,用 AI 穿梭回童年,制作童年回忆照。 儿童绘本 Bot 的功能介绍: 嘿,小朋友们!我是你们的小小侦探️♀️哟!我可厉害啦,就像柯南一样聪明,能把复杂的问题都拆成一个个小问题来解决哦。 流程图 下面是扣子里面的工作流: 开始节点:首先就是,接受的输入就用户输入的内容 模型节点:这里主要是将用户的输入拆分为 5 个子问题,因为我们要做的是一个绘本,需要文字和图片的效果。 儿童绘本 bot 的几乎所有的能力都在工作流中了。所以我们只需要简单编排即可。 这里根据 bot 的能力不同需要设置不同的人设与回复逻辑。 下面是儿童绘本的(作为参考): # 角色 你是一个小小的侦探,拥有像柯南一样的逻辑思维和分析问题的能力。你可以将一个复杂的问题拆分为几个小问题分别来解决。
AI创作丨使用ReadKidz快速生成儿童故事绘本 ReadKidz 是一款AI平台,专为快速创作儿童故事绘本而设计。 AI创作丨使用ReadKidz快速生成儿童故事绘本_2.jpg 编辑故事内容 用户可自定义故事情节,包括角色性别、年龄等。 在左侧的文本框中,修改每页的文字内容(每页有字数限制,便于保持简洁)。 AI创作丨使用ReadKidz快速生成儿童故事绘本_3.jpg 选择绘本风格 选择绘本的艺术风格,如幼儿园风格、拼贴风格或卡通风格。 选定后点击 下一步 进入角色图像设置。 AI创作丨使用ReadKidz快速生成儿童故事绘本_5.jpg 生成绘本 完成设置后,点击 生成 按钮,系统将生成完整的儿童绘本。 免费用户可生成前5页内容,若需更多页面,可选择升级至高级版本。 AI创作丨使用ReadKidz快速生成儿童故事绘本_6.jpg 预览与保存 在生成后的页面中预览绘本内容,并进行最后的调整。 确认无误后,点击 保存,作品将保存至账户中,便于下载或分享。
我需要它不仅仅是复述故事,而是以绘本创作者的视角,将故事拆解成一个个富有画面感的场景,并为每个场景生成生动、细腻的文字描述。这是整个绘本的灵魂和骨架。 我期待它能将hunyuan-TurboS生成的文字脚本,精准地转化为风格统一、细节丰富的绘本插画。2. 绘本创作实战流程一切准备就绪,我们正式进入绘本的创作阶段。 成果展示与分析经过上述两个步骤的紧密配合,一本由AI创作的《守株待兔》绘本雏形诞生了。 这使得绘本的整体视觉连贯性有待提升,距离专业出版物级别的精致感还有一定距离。结语这次用腾讯混元大模型做《守株待兔》的绘本,整个过程挺有意思的。 这次做绘本的小尝试,可能只是这个未来的一个小小开始。
个性化创作:输入一句描述,如“为我6岁女儿创作一个关于独角兽的冒险故事”,Gemini就能生成一本专属绘本。还可以上传孩子的画作或家庭照片,让故事主角变成自己 2. 打开Gemini APP或访问gemini.google.com,找到“Storybook”功能[1] 2. 等待1-2分钟,查看你的专属故事书!想调整内容? • 睡前故事:为孩子定制专属故事,比如“以我儿子的小熊玩偶为主角,创作一个森林冒险故事” • 教育助手:将复杂概念变成有趣故事,比如“为5岁孩子解释地球的自转” • 家庭记录:把暑假旅行的照片变成一本冒险绘本 看看希里安生成的绘本 最后 尽管咱们都是普通人,但AI的快速发展到后面肯定会影响在座的每一个人的生活,我们身处AI时代需要思考,如何更好的利用AI带来的便利,而又能够清晰的认识到它可能带来的挑战和问题!
拥有具有3D变换的CSS属性 2. 使用加速视频解码的节点 3. 节点 4. CSS3动画的节点 5. 重绘不会带来重新布局,所以并不一定伴随回流。 需要注意的是:重绘是以图层为单位,如果图层中某个元素需要重绘,那么整个图层都需要重绘。 【使用opacity来代替visibility】 (1).使用visibility不触发回流,但是依然重绘。 (2).直接使用opacity即触发重绘,又触发回流(GPU底层设计如此!)。 这样只在隐藏和显示时触发2次回流。 6.【利用文档碎片】(documentFragment)——vue使用了该种方式提升性能。 7. 备注:若你想在浏览器下次重绘之前继续更新下一帧动画,那么回调函数自身必须再次调用window.requestAnimationFrame() 2.window.cancelAnimationFrame(
孩子进行英语启蒙,需要看很多英语绘本,而且要听配套的音频来练听力。但有些英语绘本是没有对应音频的,下面简单几步,就可以将任意英语绘本制作出对应的英语朗读音频。 先到电子书资源网站搜索这个绘本名称,如果有电子书,可以直接下载,最好是pdf格式的;如果没有电子书,但是有实体书,比如从图书馆借的绘本,可以用手机拍照做成PDF文件。 绘本每一页拍照后,按照页码顺序选择,然后点击:更多——打印或生成PDF点击右上角,选择:另存为PDF选择一个文件夹,保存,然后将这个PDF文件传输到电脑。 得到绘本的PDF文件后,然后申请一个腾讯云的账号,新用户可以领取一个语音合成的免费资源包,内含800万调用字符,有效期为3个月。 可以看到,一本简单的英文绘本消耗了3712个字符,免费的语音合成资源包支持8000000个字符,大概可以转换2000本左右英文绘本。
方法2:从CControlUI派生一个子类,然后直接重写DoPostPaint接口。 方法3:类似方法2,不过不用派生了,可以直接将根控件(通过PaintManager的GetRoot()接口可以获得,或者自己留存)通过PaintManager的AddPostPaint加入到m_aPostPaintControls (我自己没亲测,但是楼主感觉这样没毛病,有需要的可以自己测试下)这样与方法2显然不同的是不需要派生新控件啦。
define MAX_SIZE A+B struct _Record_Struct { unsigned char Env_Alarm_ID : 4; unsigned char Para1 : 2; )malloc(sizeof(struct _Record_Struct) * MAX_SIZE); 错误选型:B 正确选择:D 题目分析: 也即最后malloc( ),括号中的表达式为(3*2+ malloc(sizeof(struct _Record_Struct) * MAX_SIZE); //宏替换后: malloc(sizeof(struct _Record_Struct) * 2 + 3 ); //而不是: malloc(sizeof(struct _Record_Struct) * (2 + 3) );
腾讯ABCmouse宣布,疫情期间将免费开放ABCmouse在线英语启蒙课里的五大学习区,包括600+英语分级绘本、500+美国原汁原味的英语儿歌、全套自然拼读课程,还有英语拼图、游戏等数千个趣味学习活动 腾讯ABCmouse图书馆、音乐厅、电影院三个区域涵盖海量绘本、儿歌、动画等学习资源,让孩子们在形式多样的知识海洋中遨游,快乐学英语,自然养成英语语感。 图书馆版块包括“听绘本”“自然拼读”“分级阅读”三个学习区,有超过600本原汁原味,与美国孩子同步的有声分级绘本。音乐厅里包含超500首原汁原味的美国英语儿歌动画与童谣,还可按照主题给孩子选歌。
鼠绘是什么? 顾名思义,鼠绘是指用鼠标(注意:是鼠标,不是数位板),使用画图软件(如:photoshop)进行绘画的活动。 须要准备什么? 1.鼠标一个(价格品牌任意,顺手即可) 2.photoshop 鼠绘的步骤: 1.打底。使用不同灰度的颜色把构图大体确定。 2.勾线。对各个部分进行粗略的勾线。 3.上色。确定各个部分的基础颜色。 photoshop中鼠绘的须要用到的工具: 1.钢笔工具。鼠绘主力,主要通过调整笔刷样式,透明度的方式来进行绘制。 2.橡皮擦。跟现实中橡皮擦一个作用。 2.模糊工具。
#pragma once #define _OWNER_DRAWN_TREE // 自绘CTreeCtrl,可支持背景图片显示功能 class CSWTreeCtrl : public CTreeCtrl y, LONG w, COLORREF cr) { for (; w > 0; w -= 2, y += 2) SetPixel(hdc, x, y, cr); } IMPLEMENT_DYNAMIC = NULL || dwStyle & TVS_LINESATROOT) { _DotHLine(pDC->m_hDC, x - szIcon.cx / 2 - 2, yCenterItem , szIcon.cx / 2 + 2, RGB(128, 128, 128)); } if (hItemParent ! , RGB(128, 128, 128)); } int x1 = x - szIcon.cx / 2 - 2; while (hItemParent !
在绘制时根据渲染树布局,再根据布局绘制,这就是回流重绘。 回流:改变几何属性的渲染。又称重排。 重绘:改变外观属性而不影响几何属性的渲染。 这时只会回流重绘或只有重绘,因此引出一个定向法则:回流必定引发重绘,重绘不一定引发回流。 用户的交互操作引发了网页的重渲染。 避免回流重绘 1.使用visibility:hidden替换display:none 2.使用transform代替top top是几何属性,操作top会改变节点位置引发回流,使用transform:translate3d (x,0,0)代替top,只会引发图层重绘,还会间接启动GPU加速。 7.将频繁回流重绘的节点设置为图层。 在浏览器中设置频繁回流或重绘的节点为一张新图层,那新图层就能够阻止节点的渲染行为影响别的节点,这张图层中如何变化都无法影响到其他图层。
开源项目地址:alembics/disco-diffusion (github.com) 环境需求 1.腾讯云GPU服务器GN7 2.Windows Server 2019 数据中心中文版 3.python 克隆项目代码 git clone https://github.com/alembics/disco-diffusion [image-20220530172713568] 直接在jupyter里面运行笔记本, 会自动安装所有依赖,安装完依赖的目录是这样子的 [image-20220530173551016] 我们会看到jupyter笔记本的变化 [image-20220530174923921] [image 最后展示几张Ai生成的图~ [three(0)_1] [TimeToDisco(0)_1] [yinghua(0)_2] [tiaoshi(0)_0]
2.浏览器窗口尺寸改变 3.元素位置和尺寸发生改变的时候 4.新增和删除可见元素 5.内容发生改变(文字数量或图片大小等等) 6.元素字体大小变化。 7.激活CSS伪类(例如::hover)。 触发重绘的操作主要有: vidibility、outline、背景色等属性的改变 我们应当注意的是:重绘不一定导致重排,但重排一定会导致重绘。 2.样式集中改变 通过class和cssText进行集中改变样式 未进行优化的代码是这样的: //bad var left = 10; var top = 10; el.style.left = left GPU 加速通常包括以下几个部分:Canvas2D,布局合成, CSS3转换(transitions),CSS3 3D变换(transforms),WebGL和视频(video)。 /* * 根据上面的结论 * 将 2d transform 换成 3d * 就可以强制开启 GPU 加速 * 提高动画性能 */ div { transform: translate3d(10px, 10px
实现效果: 视频链接 课前资源: 链接: https://pan.baidu.com/s/1UxPPUo5UmAkeUYWonEOCPQ 提取码: s59e 本资源包括: 用于本应用的房子模型 2、上传识别图并下载识别数据 a、点击TargetManager—AddDatabase b、找到对应的识别数据,点进去上传识别数据 注意:图片名称要为英文,格式jpg或png,大小小于2M。 2、导入Package a、右键层级窗口Hierarchy,选择Vuforia-ARCamera-Import,导入Vuforia资源 b、双击三—2—c下载的unitypackage,inport导入到 2)、配置钟表动的事件 a、给小屋添加BoxCollider,Collider的大小能刚好包括小屋。 文字如下所示 <size=100>小测试</size> 屋子三角部分底边a=5m,高h=2m 小朋友,屋子该部分的面积是多少?
例如1->1 2->11 3->21 1.3 思路讲解: 所谓「外观数列」,其实只是依次统计字符串中连续且相同的字符的个数。依照题意,依次模拟即可。
加深认识 “重绘” 和 “重排” 1.重绘 重绘是指一个元素外观改变所触发的浏览器行为,大概就是外观属性的改变,像,背景颜色,等 2,重排 重排是指渲染树中因为元素的尺寸或规模改变,需要重新构建的这个过程 3,触发重排的条件 页面第一次加载时 添加或删除可见的dom元素时 元素的位置改变,或使用动画时 元素尺寸改变时 浏览器的窗口尺寸改变时 填充的内容改变时 4,重绘和重排的关系 重排一定回引发重绘,但重绘不一定回重排 生成渲染树 (这个时候已经走到render tree 啦) 然后就是layout(这就是回流) ,可以得到几何信息 再然后就是重绘啦,可以得到节点的绝对像素, 最后就是将像素发给GPU,展示在页面上
canvas 绘点图 项目中需要一个记录点实时变动的信息,在此记录一下: <! //cdn.bootcss.com/jquery/3.0.0-beta1/jquery.min.js"></script> </head> <body> <canvas id="myCanvas<em>2</em>" o.points[i].y; var radius = o.radius; if (Math.pow(mouseX - circleX, 2) + Math.pow(mouseY - circleY, 2) < Math.pow(radius, 2)) { o.hoveredCircle = i; o.radius * 1.5 : o.radius, 0, Math.PI * 2, true); //Math.PI*2是JS计算方法,是圆 ctx.closePath