【教学类-34-05】20230523拼图(数字学号0X-长方块拼图-双色深灰浅灰)3*3格子(中班主题《个别化拼图》偏艺术-美术)

本文主要是介绍【教学类-34-05】20230523拼图(数字学号0X-长方块拼图-双色深灰浅灰)3*3格子(中班主题《个别化拼图》偏艺术-美术),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 作品展示

  

背景需求

难点:如何让生成图片带两个颜色的数字?

上一次”学号拼图3*3“学习活动中,发现03、04、05、06、08、09 、 23、26、28拼图都有困境,教师帮助。十位数字都包含多个圆弧结构,幼儿对于大量的圆弧碎片图形的多重组合(2个数字都是圆弧结构)感到茫然,没有黏贴。最后是教师指点后或者正确摆放后,幼儿才黏贴上去。(这条圆弧和这条圆弧能拼在一起,但实际并不是正确位置)

因此,笔者希望将学号的两个数字用不同灰度颜色表示(办公室打印机没有彩色墨水)

十位数的数字用深灰色,个位数的数字用浅灰色,有明显区分。

难点:如何让生成图片带两个颜色的数字?

参考CSDN,修改代码,实现需求

1、仿抖音短视频系统源码,制作彩色验证码_云豹网络科技的博客-CSDN博客

2、用python实现生成验证码图片_python生成验证码图片_心系五道口的博客-CSDN博客

代码设置:

'''
目的:学号拼图的两个数字颜色不同(深灰\浅灰)
作者:阿夏
日期:2023年05月23日22:17'''import random
import string
from random import choice, randint, randrangefrom PIL import Image, ImageDraw, ImageFontcolour1=int(input('十位数的数字的颜色(100深灰)\n'))
colour2=int(input('个位数的数字的颜色(170中灰)\n'))
# 28个学号
num=[]
for x in range(1,29):num.append('%02d'%x)
print(num)# 循环28张图片
n=1 
for x in range(len(num)):# 读取num里面的每个数字res1="{}".format(num[x])print(res1)   # 25# 26# 27# 28# 图片大小、数字数量(坐标用) 背景色size=[600,400]    # 图片大小characterNumber=2 # 几个数字随机抽取2个数字bgcolor=(255,255,255)    # 背景颜色 白色imageTemp = Image.new('RGB', size, bgcolor)draw = ImageDraw.Draw(imageTemp)     # text = selectedCharacters(characterNumber)  # 文字格式text = res1font = ImageFont.truetype('c:\\windows\\fonts\\arial.TTF', 350)width, height = draw.textsize(text, font)# # 随机字符位置(确保数字在中心)startX = -90widthEachCharater = width//characterNumbera=[colour1,colour2]          # 深灰、中灰      for i in range(characterNumber):startX += widthEachCharater +1# position = (startX, (size[1]-height)//2+randint(-5,5))position = (startX,(size[1]-height)//7)g=b=r=a[i]  # 第1个数字 RGB色等于深灰# 第2个数字 RGB色等于终会draw.text(xy=position, text=text[i], font=font, fill= (r,g,b)) # 填充色彩# 对像素位置进行微调,实现扭曲的效果imageFinal = Image.new('RGB', size, bgcolor)   pixelsFinal = imageFinal.load()pixelsTemp = imageTemp.load()for y in range(size[1]):offset = randint(-1,0)for x in range(size[0]):newx = x+offsetif newx>=size[0]:newx = size[0]-1elif newx<0:newx = 0pixelsFinal[newx,y] = pixelsTemp[x,y]imageFinal.save(r"C:\Users\jg2yXRZ\OneDrive\桌面\彩色数字\学号{}.jpg".format('%02d'%n))       n+=1 

不同灰度的效果

第1个数字RGB(100 100 100)

第2个数字RGB(170 170 170)

 

 

 感悟:

在无法使用彩色打印基础上,制作不同灰度的数字、文字、图案,提升幼儿拼图的效率

直接生成学号拼图的代码-全部代码

 1、路径+预先建立一下文件夹和word模板

2、word模板的格式

 word模板的格式(二维码下载)

3、三个文件夹做好(内部空)也可以在代码里写个自动新建文件夹

 4、 全部代码(随机打乱)-(生成  华文彩云 字体)

'''
项目:学号数字矢量图的3*3格拼图  1页两份 横版
作者:阿夏
日期:2023年4月20日21:47
'''num=int(input('生成多少人(28人)\n'))
Number=int(input('随机抽取几个图片(9个)\n'))print('----------第1步:19张大写字母PNG图片*每张图片切割12张----------------')
# 源代码: https://blog.csdn.net/qq_34777982/article/details/125019068?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-1-125019068-blog-129622294.235^v29^pc_relevant_default_base3&spm=1001.2101.3001.4242.2&utm_relevant_index=4
# Python 裁剪九宫格图片 —— 筑梦之路
import sys
import os 
import random
import string
from random import choice, randint, randrange
from PIL import Image, ImageDraw, ImageFont# 生成两位数学号xh=[]
for i in range(1,num+1):xh.append('%02d'%i)
print(xh)
# ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28']colour1=int(input('十位数的数字的颜色(100深灰)\n'))
colour2=int(input('个位数的数字的颜色(170中灰)\n'))
# 28个学号# 循环28张图片
n=0
for x in range(len(xh)):# 读取num里面的每个数字res1="{}".format(xh[x])print(res1)   # 25# 26# 27# 28# 图片大小、数字数量(坐标用) 背景色size=[600,402]    # 图片大小characterNumber=2 # 几个数字随机抽取2个数字bgcolor=(255,255,255)    # 背景颜色 白色imageTemp = Image.new('RGB', size, bgcolor)draw = ImageDraw.Draw(imageTemp)     # text = selectedCharacters(characterNumber)  # 文字格式text = res1font = ImageFont.truetype('c:\\windows\\fonts\\STHUPO.TTF', 350)    # 华文琥珀# font = ImageFont.truetype('c:\\windows\\fonts\\msyhbd.TTC', 350)     # 微软雅黑width, height = draw.textsize(text, font)# # 随机字符位置(确保数字在中心)# 华文琥珀的序号# startX = -105    # widthEachCharater = width//characterNumber# 微软雅黑startX = -100widthEachCharater = width//characterNumbera=[colour1,colour2]          # 深灰、中灰      for i in range(characterNumber):startX += widthEachCharater +1# position = (startX, (size[1]-height)//2+randint(-5,5))position = (startX,(size[1]-height)//3)g=b=r=a[i]  # 第1个数字 RGB色等于深灰# 第2个数字 RGB色等于终会draw.text(xy=position, text=text[i], font=font, fill= (r,g,b)) # 填充色彩# 对像素位置进行微调,实现扭曲的效果imageFinal = Image.new('RGB', size, bgcolor)   pixelsFinal = imageFinal.load()pixelsTemp = imageTemp.load()for y in range(size[1]):offset = randint(-1,0)for x in range(size[0]):newx = x+offsetif newx>=size[0]:newx = size[0]-1elif newx<0:newx = 0pixelsFinal[newx,y] = pixelsTemp[x,y]imageFinal.save(r"C:\Users\jg2yXRZ\OneDrive\桌面\学号数字拼图\学号数字拼图0\{}.jpg".format('%02d'%(n+1)))    n+=1 # 批量调整图片的大小
# 生成0里面的图片大小# 1146     # 687  改成600*400
from PIL import Image
import os# 原始文件夹路径
original_folder = "C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/学号数字拼图0"
# 保存的新文件夹路径
new_folder = "C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/学号数字拼图"# 遍历原始文件夹中的图像
for filename in os.listdir(original_folder):img = Image.open(os.path.join(original_folder, filename))# 改变尺寸img_resized = img.resize((600, 402))   #这里是你要转换的尺寸 两个数字能被3整除# 保存到新文件夹img_resized.save(os.path.join(new_folder, filename))file_root = r"C:\Users\jg2yXRZ\OneDrive\桌面\学号数字拼图\学号数字拼图" #要切的图片放的文件
fileList = []
n = 0
#读取文件列表
def read_bmp_file_list(path):for root, dirs, files in os.walk(path, topdown=False):for file in files:fileList.append(os.path.join(root, file))
#开始切图 9格
def qie_tu(file_path):global nim = Image.open(file_path)# 图片的宽度和高度(原始图片大小1280 720)img_size = im.sizeprint("小图片宽度和高度分别是{}".format(img_size))#切成512X512x = 0y = 0w = 200   # 列几条?600/3h = 134   # 行几条?402/3for j in range(0,3):for i in range(0,3):#region = im.crop((x, y, x+w*i, y+h*j))print(x+w*i, y+h*j,x+w*i+w, y+h*j+h)region = im.crop((x+w*i, y+h*j,x+w*i+w, y+h*j+h))#文件输出位置region.save(r"C:\Users\jg2yXRZ\OneDrive\桌面\学号数字拼图\学号数字拼图1\{name}.jpg".format(name='%03d'%n))n=n+1if __name__ == '__main__':read_bmp_file_list(file_root)for f in fileList:qie_tu(f)# print('----------第2步:读取图片,写入模板----------------')
import os
from PIL import Image print('----------第1步:提取图片路径------------')path=[]
pr="C:\\Users\\jg2yXRZ\\OneDrive\\桌面\\学号数字拼图\\学号数字拼图1"
# 过滤:只保留png结尾的图片
imgs1=os.listdir(pr)
for img1 in imgs1:if img1.endswith(".jpg"):path.append(pr+'\\'+img1)
# 所有图片的路径
print(path)
# 216条路径(18张*12图)
print(imgs1)print('----------第2步:新建一个临时文件夹------------')
# 新建一个”装N份word和PDF“的文件夹
os.mkdir(r'C:\Users\jg2yXRZ\OneDrive\桌面\学号数字拼图\零时Word')print('----------第3步:随机抽取9张图片 ------------')import docx
from docx import Document
from docx.shared import Pt 
from docx.shared import RGBColor
from docx.enum.text import WD_PARAGRAPH_ALIGNMENT
from docx.oxml.ns import qn
import randomimport os,time
import docx
from docx import Document
from docx.shared import Inches,Cm,Pt
from docx.shared import RGBColor
from docx.enum.text import WD_PARAGRAPH_ALIGNMENT
from docx.oxml.ns import qnfrom docxtpl import DocxTemplate
import pandas as pd
from docx2pdf import convert
from docx.shared import RGBColorfor nn in range(0,int(num/2)):    #28/2 0-14doc = Document(r'C:\Users\jg2yXRZ\OneDrive\桌面\学号数字拼图\学号数字拼图模板.docx')
#     # 制作列表    # 从左边图列表和右边图列表中抽取图片(12张图片,可能5个向左、7个向右边)# 24条里面0和12条是一组,2个里面随机抽1一个,1和13是一组,2个里面随机抽一个…… 抽出12个图片后r=[]    c=[]r.append(path[nn*18:nn*18+18])        # 左侧第一份,# r.append(path[nn*24:nn*24+24])        # 连续12张图片、2份字母插入同一份A4# print(r)# 再打乱顺序读取12个      for a in r:for b in a:c.append(b)# print(c)    # figures1=c[0:9]    # 前9张不重复打乱     # figures2=c[9:18]    # 后9张不重复打乱figures1=random.sample(c[0:9],Number)    # 前9张不重复打乱     figures2=random.sample(c[9:18],Number)    # 后9张不重复打乱# figures3=random.sample(c[12:18],Number)    # 后6张不重复打乱# figures4=random.sample(c[18:24],Number)    # 后6张不重复打乱# 9+9张不重复打乱图片合并figures=figures1+figures2# figures=figures1+figures2+figures3+figures4print(figures)# 每2个学号一组的列表xh2=xh[nn*2:nn*2+2]print(xh2)for z in range(2):        # 5行组合循环2次 每页两张表# 单元格位置3*3格bg=[]# 前1+3+1行不要写入 从4动for x in range(5,8):        # 3行 索引5行6行7行for y in range(0,3):    # 3列 索引0列1列2列ww='{}{}'.format(x,y)bg.append(ww)print(bg) table = doc.tables[z]          for t in range(len(bg)):   # 02pp=int(bg[t][0:1])    qq=int(bg[t][1:2])  # print(p)               k=figures[z*9:z*9+9][t]         print(pp,qq,k)# 写入图片run=doc.tables[z].cell(pp,qq).paragraphs[0].add_run()        # 在第1个表格中第2个单元格内插入国旗run.add_picture('{}'.format(k),width=Cm(4.68),height=Cm(2.98))# 单元格宽度4.7   3table.cell(pp,qq).paragraphs[0].alignment = WD_PARAGRAPH_ALIGNMENT.LEFT #居中 # 第1个表的抬头title='学号_____________班级: 中 ____班  数字拼图({}号)'.format(xh2[z])# 写入序号和生肖名称run=table.cell(0,0).paragraphs[0].add_run(title)    # 在单元格0,0(第1行第1列)输入第0个图图案run.font.name = '黑体'#输入时默认华文彩云字体# run.font.size = Pt(46)  #输入字体大小默认30号 换行(一页一份大卡片run.font.size = Pt(15)  #输入字体大小默认30号 一行里(可以一页两份)run.font.bold= True  #是否加粗run.font.color.rgb = RGBColor(200,200,200) #数字小,颜色深0-255# paragraph.paragraph_format.line_spacing = Pt(180) #数字段间距r = run._elementr.rPr.rFonts.set(qn('w:eastAsia'), '黑体')#将输入语句中的中文部分字体变为华文行楷table.cell(0,0).paragraphs[0].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER #居中   doc.save(r'C:\Users\jg2yXRZ\OneDrive\桌面\学号数字拼图\零时Word\{}.docx'.format('%02d'%nn))   from docx2pdf import convert# docx 文件另存为PDF文件inputFile = r"C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/零时Word/{}.docx".format('%02d'%nn)  # 要转换的文件:已存在outputFile = r"C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/零时Word/{}.pdf".format('%02d'%nn)  # 要生成的文件:不存在# 先创建 不存在的 文件f1 = open(outputFile, 'w')f1.close()# 再转换往PDF中写入内容convert(inputFile, outputFile)print('----------第4步:把都有PDF合并为一个打印用PDF------------')# 多个PDF合并(CSDN博主「红色小小螃蟹」,https://blog.csdn.net/yangcunbiao/article/details/125248205)
import os
from PyPDF2 import PdfFileMerger
target_path =  'C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/零时Word'
pdf_lst = [f for f in os.listdir(target_path) if f.endswith('.pdf')]
pdf_lst = [os.path.join(target_path, filename) for filename in pdf_lst]
pdf_lst.sort()
file_merger = PdfFileMerger()
for pdf in pdf_lst:print(pdf)file_merger.append(pdf)
file_merger.write("C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/(打印合集)学号数字拼图A4一页两份(3乘3张){}人共{}份).pdf".format(num,int(num/2)))
file_merger.close()
# doc.Close()# print('----------第5步:删除临时文件夹------------')    
import shutil
shutil.rmtree('C:/Users/jg2yXRZ/OneDrive/桌面/学号数字拼图/零时Word') #递归删除文件夹,即:删除非空文件夹

验证时的代码修改:

5、全部代码(验证用)-(生成  华文彩云 字体)

修改代码,顺序写入图片,验证拼图结果的正确性。

随机打乱拼图+成果图片(验证用)的对比

学号01-09的学具

学号10-19的学具

学号20-28的学具

 

 目前只测试了华文彩云(换个字体要调整数字在图片上的位置,需要测试很久)

教学过程:

时间:2023年06月27日 8:20-9:00

班级:中6

人数:22人

材料准备:

 

 

学习照片:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 完成的孩子添加一更辅助纸条

(便于提着拎着,挂着,展示)

 

 

 

 

 

 

 

其他纸条制作:

 

 

 

 

 

 

 作品展示:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 感悟:

1、16位自己完成

(1)前期做过一次,所以孩子们有经验(书写学号)

(2)两个数字颜色不同,辨认起来更便利(能有意识把同色的色块聚集在一起)

3、6位孩子求助“不会做”——月龄小,个别指导。

(1)没有写学号就先裁剪了,

(2)先剪后写学号(上下位置误差)

(3)把粘纸卡片剪了(上次制作学号拼图也是这样。)

这篇关于【教学类-34-05】20230523拼图(数字学号0X-长方块拼图-双色深灰浅灰)3*3格子(中班主题《个别化拼图》偏艺术-美术)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/387701

相关文章

从去中心化到智能化:Web3如何与AI共同塑造数字生态

在数字时代的演进中,Web3和人工智能(AI)正成为塑造未来互联网的两大核心力量。Web3的去中心化理念与AI的智能化技术,正相互交织,共同推动数字生态的变革。本文将探讨Web3与AI的融合如何改变数字世界,并展望这一新兴组合如何重塑我们的在线体验。 Web3的去中心化愿景 Web3代表了互联网的第三代发展,它基于去中心化的区块链技术,旨在创建一个开放、透明且用户主导的数字生态。不同于传统

usaco 1.2 Name That Number(数字字母转化)

巧妙的利用code[b[0]-'A'] 将字符ABC...Z转换为数字 需要注意的是重新开一个数组 c [ ] 存储字符串 应人为的在末尾附上 ‘ \ 0 ’ 详见代码: /*ID: who jayLANG: C++TASK: namenum*/#include<stdio.h>#include<string.h>int main(){FILE *fin = fopen (

BUUCTF(34)特殊的 BASE64

使用pycharm时,如果想把代码撤销到之前的状态可以用 Ctrl+z 如果不小心撤销多了,可以用 Ctrl+Shift+Z 还原, 别傻傻的重新敲了 BUUCTF在线评测 (buuoj.cn) 查看字符串,想到base64的变表 这里用的c++的标准程序库中的string,头文件是#include<string> 这是base64的加密函数 std::string

忽略某些文件 —— Git 学习笔记 05

忽略某些文件 忽略某些文件 通过.gitignore文件其他规则源如何选择规则源参考资料 对于某些文件,我们不希望把它们纳入 Git 的管理,也不希望它们总出现在未跟踪文件列表。通常它们都是些自动生成的文件,比如日志文件、编译过程中创建的临时文件等。 通过.gitignore文件 假设我们要忽略 lib.a 文件,那我们可以在 lib.a 所在目录下创建一个名为 .gi

C++实现俄罗斯方块(Windows控制台版)

C++实现俄罗斯方块(Windows控制台版) 在油管上看到一个使用C++控制台编写的俄罗斯方块小游戏,源代码200多行,B站上也有相关的讲解视频,非常不错,值得学习。 B站讲解视频地址为:【百万好评】国外技术大神C++游戏编程实战教程,油管580W收藏,新手10小时入门,并快速达到游戏开发能力(中英字幕) B站 CSDN博主千帐灯无此声还为此写了一篇博客:C++实现俄罗斯方块(源码+详解),讲

AIGC6: 走进腾讯数字盛会

图中是一个程序员,去参加一个技术盛会。AI大潮下,五颜六色,各种不确定。 背景 AI对各行各业的冲击越来越大,身处职场的我也能清晰的感受到。 我所在的行业为全球客服外包行业。 业务模式为: 为国际跨境公司提供不同地区不同语言的客服外包解决方案,除了人力,还有软件系统。 软件系统主要是提供了客服跟客人的渠道沟通和工单管理,内部管理跟甲方的合同对接,绩效评估,BI数据透视。 客服跟客人

跟我一起玩《linux内核设计的艺术》第1章(四)——from setup.s to head.s,这回一定让main滚出来!(已解封)

看到书上1.3的大标题,以为马上就要见着main了,其实啊,还早着呢,光看setup.s和head.s的代码量就知道,跟bootsect.s没有可比性,真多……这确实需要包括我在内的大家多一些耐心,相信见着main后,大家的信心和干劲会上一个台阶,加油! 既然上篇已经玩转gdb,接下来的讲解肯定是边调试边分析书上的内容,纯理论讲解其实我并不在行。 setup.s: 目标:争取把setup.

NC 把数字翻译成字符串

系列文章目录 文章目录 系列文章目录前言 前言 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男女通用,看懂了就去分享给你的码吧。 描述 有一种将字母编码成数字的方式:‘a’->1, ‘b->2’, … , ‘z->26’。 现在给一串数字,返回有多少种可能的译码结果 import java.u

34465A-61/2 数字万用表(六位半)

34465A-61/2 数字万用表(六位半) 文章目录 34465A-61/2 数字万用表(六位半)前言一、测DC/AC电压二、测DC/AC电流四、测电阻五、测电容六、测二极管七、保存截图流程 前言 1、6位半数字万用表通常具有200,000个计数器,可以显示最大为199999的数值。相比普通数字万用表,6位半万用表具有更高的测量分辨率和更高的测量准确度,适用于精度比较高的测