×

在Arduino中制作OLED位图图形

消耗积分:2 | 格式:zip | 大小:0.00 MB | 2023-06-16

分享资料个

描述

您可以在此示例中使用任何布线屏幕:0.42" OLED 显示屏布线0.69" OLED 显示屏布线0.96" OLED 显示屏布线

* Sprite - 可以在屏幕上移动或以其他方式作为单个实体进行操作的计算机图形。

如果您还没有,请务必完成并按照OLED 显示布线教程的步骤进行操作,其中包括您在开始本教程之前需要下载的所有 Arduino 库。或者您可以直接下载库:Tinier Screen LibraryGraphics Buffer Library

第 1 步:硬件组装

根据您选择的开发系统,您需要使用 32 针棕褐色连接器将 TinyDuino 堆栈放在一起,或者您只需使用接线电缆插入接线:

  • 端口 0:OLED 显示器连线 (只要在程序中编辑屏幕变量,任何尺寸都可以使用)

您可以使用程序开头的端口变量更改包含的 Arduino Sketch 中的端口。将板上找到的端口号与代码中设置的端口值匹配。

第 2 步:软件

要安装Tinier ScreenGraphics Buffer Arduino 库,请查看此库安装页面从上面的软件部分下载后,您可以导航到 MAX30101 库的示例文件夹并在 Arduino IDE 中打开 MAX30101_OLED.ino 草图。

第 3 步:代码!

下载Sprites for OLED 程序或从 TinierScreen/examples 文件夹中打开它(旧版本的库可能不包含 Sprite 示例)并将其上传到您的处理器。

为您的开发板做出正确的工具选择。如果不确定,您可以仔细检查提到任何 TinyCircuits 处理器所需的工具选择的帮助页面

 

该程序已初始化为使用 0.42" OLED 屏幕布线。要在程序中编辑此内容,请注释并取消注释与您的屏幕匹配的两行,以便仅取消注释与您的屏幕匹配的两行:

// 0.42" Screen Variables
TinierScreen display = TinierScreen(TinierScreen042);
int xPixel = 72;
int yPixel = 40;

// 0.69" Screen Variables
//TinierScreen display = TinierScreen(TinierScreen069);
//int xPixel = 96;
//int yPixel = 16;

// 0.96" Screen Variables
//TinierScreen display = TinierScreen(TinierScreen096);
//int xPixel = 128;
//int yPixel = 64;

程序上传后,您应该会看到一个兔子精灵在屏幕上走来走去,以及文字“Bunny!”。在屏幕周围缓慢弹跳。由于绘制文本和精灵的速度,屏幕可能会轻微闪烁。

创建自己的精灵!

在同一个 sprite 示例中,可以选择使用不同的 sprite 和不同的文本来显示 Pac-Man *bitmap。这段带注释的代码应该可以帮助您了解如何使用正确的初始化和结构创建自己的精灵。您只需要注释掉兔子精灵代码并取消注释吃豆人代码。

* 位图 - 一种表示,其中每个项目对应于一个或多个信息位,尤其是用于控制计算机屏幕显示的信息。

要创建自己的精灵,您需要在exampleSprites.h文件中创建自己的位图。这些是 0 和 1 的二维数组,其中 0 代表黑色或空白像素,而 1 代表白色像素。Pac-Man 位图详细说明了一个实体精灵,如果您可以在视觉上忽略那里的零而只关注 1,您可以看到图片:

 
pYYBAGN26YOAVPAjAAB3wkIVK-M053.png
 

要在创建位图之前可视化精灵,您可能需要先使用 Pixilart 之类的工具创建像素图,然后从那里创建位图。

我希望这可以帮助你创造一些很棒的东西!

通过在Instagram、   Twitter或 Facebook上标记 @TinyCircuits 来展示您制作的 Sprite 和动画 


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !

'+ '

'+ '

'+ ''+ '
'+ ''+ ''+ '
'+ ''+ '' ); $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code ==5){ $(pop_this).attr('href',"/login/index.html"); return false } if(data.code == 2){ //跳转到VIP升级页面 window.location.href="//m.obk20.com/vip/index?aid=" + webid return false } //是会员 if (data.code > 0) { $('body').append(htmlSetNormalDownload); var getWidth=$("#poplayer").width(); $("#poplayer").css("margin-left","-"+getWidth/2+"px"); $('#tips').html(data.msg) $('.download_confirm').click(function(){ $('#dialog').remove(); }) } else { var down_url = $('#vipdownload').attr('data-url'); isBindAnalysisForm(pop_this, down_url, 1) } }); }); //是否开通VIP $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code == 2 || data.code ==5){ //跳转到VIP升级页面 $('#vipdownload>span').text("开通VIP 免费下载") return false }else{ // 待续费 if(data.code == 3) { vipExpiredInfo.ifVipExpired = true vipExpiredInfo.vipExpiredDate = data.data.endoftime } $('#vipdownload .icon-vip-tips').remove() $('#vipdownload>span').text("VIP免积分下载") } }); }).on("click",".download_cancel",function(){ $('#dialog').remove(); }) var setWeixinShare={};//定义默认的微信分享信息,页面如果要自定义分享,直接更改此变量即可 if(window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){ var d={ title:'在Arduino中制作OLED位图图形',//标题 desc:$('[name=description]').attr("content"), //描述 imgUrl:'https://'+location.host+'/static/images/ele-logo.png',// 分享图标,默认是logo link:'',//链接 type:'',// 分享类型,music、video或link,不填默认为link dataUrl:'',//如果type是music或video,则要提供数据链接,默认为空 success:'', // 用户确认分享后执行的回调函数 cancel:''// 用户取消分享后执行的回调函数 } setWeixinShare=$.extend(d,setWeixinShare); $.ajax({ url:"//www.obk20.com/app/wechat/index.php?s=Home/ShareConfig/index", data:"share_url="+encodeURIComponent(location.href)+"&format=jsonp&domain=m", type:'get', dataType:'jsonp', success:function(res){ if(res.status!="successed"){ return false; } $.getScript('https://res.wx.qq.com/open/js/jweixin-1.0.0.js',function(result,status){ if(status!="success"){ return false; } var getWxCfg=res.data; wx.config({ //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId:getWxCfg.appId, // 必填,公众号的唯一标识 timestamp:getWxCfg.timestamp, // 必填,生成签名的时间戳 nonceStr:getWxCfg.nonceStr, // 必填,生成签名的随机串 signature:getWxCfg.signature,// 必填,签名,见附录1 jsApiList:['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: setWeixinShare.title, // 分享标题 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 type: setWeixinShare.type, // 分享类型,music、video或link,不填默认为link dataUrl: setWeixinShare.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ”按钮点击状态及自定义分享内容接口 wx.onMenuShareQQ({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 wx.onMenuShareWeibo({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 wx.onMenuShareQZone({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); }); }); } }); } function openX_ad(posterid, htmlid, width, height) { if ($(htmlid).length > 0) { var randomnumber = Math.random(); var now_url = encodeURIComponent(window.location.href); var ga = document.createElement('iframe'); ga.src = 'https://www1.elecfans.com/www/delivery/myafr.php?target=_blank&cb=' + randomnumber + '&zoneid=' + posterid+'&prefer='+now_url; ga.width = width; ga.height = height; ga.frameBorder = 0; ga.scrolling = 'no'; var s = $(htmlid).append(ga); } } openX_ad(828, '#berry-300', 300, 250);