зеркало из https://github.com/microsoft/pxt-badge.git
adding social
This commit is contained in:
Peli de Halleux
Родитель
df97091390
Коммит
53114dc072
|
|
@ -0,0 +1,146 @@
|
|||
/**
|
||||
* A conference badge
|
||||
*/
|
||||
//% weight=90 icon="\uf2bb" color="#606000"
|
||||
namespace badge {
|
||||
export const font = image.font8;
|
||||
export const font16 = image.doubledFont(font);
|
||||
export const font32 = image.doubledFont(font16);
|
||||
|
||||
export let name: string;
|
||||
export let logoImage: Image;
|
||||
export let company: string;
|
||||
export let linkedin: string;
|
||||
export let qrimg: Image;
|
||||
export let lightStrip: light.LightStrip;
|
||||
|
||||
//% blockId=logoImageEditor block="%img"
|
||||
//% shim=TD_ID
|
||||
//% img.fieldEditor="sprite"
|
||||
//% img.fieldOptions.taggedTemplate="img"
|
||||
//% img.fieldOptions.decompileIndirectFixedInstances="true"
|
||||
//% img.fieldOptions.sizes="16,112"
|
||||
//% weight=100 group="Create" duplicateShadowOnDrag
|
||||
//% blockHidden=1
|
||||
export function __logoImageEditor(img: Image) {
|
||||
return img
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the name of the attendee
|
||||
* @param name
|
||||
*/
|
||||
//% blockId=badgesetname badge set name to $name
|
||||
//% group="User"
|
||||
export function setName(name: string) {
|
||||
badge.name = name;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the company displayed on the badge
|
||||
* @param company
|
||||
*/
|
||||
//% blockId=badgesetcompany block="badge set company to $company"
|
||||
//% group="User"
|
||||
export function setCompany(company: string) {
|
||||
badge.company = company;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the linked in profile
|
||||
* @param linkedin
|
||||
*/
|
||||
//% blockId=badgesetlinkedin block="badge set linked in to $linkedin"
|
||||
export function setLinkedIn(linkedin: string) {
|
||||
// normalize
|
||||
if (linkedin) {
|
||||
["https://linked.in/in/", "https://www.linkedin.com/in/", "https://linkedin.com/in/"]
|
||||
.filter(prefix => linkedin.indexOf(prefix) == 0)
|
||||
.forEach(prefix => linkedin = linkedin.slice(prefix.length));
|
||||
}
|
||||
// update qrcode
|
||||
if (linkedin != badge.linkedin) {
|
||||
badge.linkedin = linkedin;
|
||||
badge.qrimg = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Sets the light strip used by the badge
|
||||
* @param strip
|
||||
*/
|
||||
//% blockId=badgesetlightstrip block="badge set light strip $strip"
|
||||
//% group="Effects"
|
||||
export function setLightStrip(strip: light.LightStrip) {
|
||||
lightStrip = strip;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the logo image
|
||||
* @param logo
|
||||
*/
|
||||
//% blockId=badgesetlogoimage block="badge set logo %logo=logoImageEditor"
|
||||
//% group="Conference"
|
||||
export function setLogoImage(logo: Image) {
|
||||
badge.logoImage = logo;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the conference logo
|
||||
* @param logo
|
||||
*/
|
||||
//% blockId=badgesetlogo block="badge set logo to $logo of color $color"
|
||||
//% group="Conference"
|
||||
export function setLogo(logo: string, color: number) {
|
||||
const i = image.create(96, 16);
|
||||
i.printCenter(logo, 0, color, font16)
|
||||
setLogoImage(i);
|
||||
}
|
||||
|
||||
export interface Session {
|
||||
name: string;
|
||||
presenter: string;
|
||||
info: string;
|
||||
startTime: number;
|
||||
endTime: number;
|
||||
location: string;
|
||||
}
|
||||
|
||||
export interface Day {
|
||||
title: string;
|
||||
weekday: string;
|
||||
monthday: number;
|
||||
}
|
||||
|
||||
export interface FeedbackQuestion {
|
||||
text: string;
|
||||
options: string[];
|
||||
}
|
||||
|
||||
export interface Program {
|
||||
days: Day[];
|
||||
sessions: Session[];
|
||||
questions: FeedbackQuestion[];
|
||||
}
|
||||
|
||||
export let program: Program;
|
||||
|
||||
/**
|
||||
* Sets the conference program if any
|
||||
* @param program
|
||||
*/
|
||||
//% group="Conference"
|
||||
export function setProgram(program: Program) {
|
||||
badge.program = program;
|
||||
}
|
||||
|
||||
/**
|
||||
* Starts the badge engine
|
||||
*/
|
||||
//% blockId=badgestart block="badge start"
|
||||
export function start() {
|
||||
power.setDeepSleepTimeout(-1); // disable sleep
|
||||
storyboard.start("home");
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,574 @@
|
|||
namespace home {
|
||||
let steps = 0;
|
||||
|
||||
class HighlightIcon {
|
||||
sprite: Sprite;
|
||||
color: number;
|
||||
handler: () => void;
|
||||
|
||||
constructor(sprite: Sprite, color: number, handler: () => void) {
|
||||
sprite.setImage(sprite.image.clone());
|
||||
this.sprite = sprite;
|
||||
this.color = color;
|
||||
this.handler = handler;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
class WifiIcon {
|
||||
connected: boolean;
|
||||
sprite: Sprite;
|
||||
bgColor: number;
|
||||
imColor: number;
|
||||
|
||||
private imWifi: Image;
|
||||
private imWifiOff: Image;
|
||||
private imMsg: Image;
|
||||
private scene: scene.Scene;
|
||||
|
||||
constructor(sprite: Sprite, bgColor: number, imColor: number) {
|
||||
this.sprite = sprite;
|
||||
this.connected = iot.isConnected();
|
||||
this.bgColor = bgColor;
|
||||
this.imColor = imColor;
|
||||
|
||||
this.imWifi = im_wifi.clone();
|
||||
colorIcon(this.imWifi, iconColor, this.imColor);
|
||||
this.imWifiOff = im_wifi_off.clone();
|
||||
colorIcon(this.imWifiOff, iconColor, this.imColor);
|
||||
this.imMsg = im_msg.clone();
|
||||
colorIcon(this.imMsg, iconColor, this.imColor);
|
||||
|
||||
this.scene = game.currentScene();
|
||||
this.drawConnectionState();
|
||||
}
|
||||
|
||||
drawConnectionState() {
|
||||
if (!this.isValidScene()) return;
|
||||
this.sprite.image.fill(this.bgColor);
|
||||
this.sprite.image.drawTransparentImage(this.connected ? this.imWifi : this.imWifiOff, 0, 0);
|
||||
}
|
||||
|
||||
drawMessageState(sent: boolean) {
|
||||
if (!this.isValidScene()) return;
|
||||
|
||||
let i = (sent ? 0 : -1) * this.sprite.image.width;
|
||||
while (i < (1 + (sent ? this.sprite.image.width : 0))) {
|
||||
this.sprite.image.fill(this.bgColor);
|
||||
this.sprite.image.drawTransparentImage(this.imMsg, i, 0);
|
||||
pause(50);
|
||||
i++;
|
||||
}
|
||||
|
||||
if (!this.isValidScene()) return;
|
||||
this.sprite.startEffect(effects.ashes, 1000);
|
||||
pause(2000);
|
||||
this.drawConnectionState();
|
||||
}
|
||||
|
||||
private isValidScene() {
|
||||
return game.currentScene() === this.scene;
|
||||
}
|
||||
|
||||
connectionChanged() {
|
||||
if (iot.isConnected() != this.connected) {
|
||||
this.connected = iot.isConnected();
|
||||
this.drawConnectionState();
|
||||
}
|
||||
}
|
||||
|
||||
messageReceived() {
|
||||
this.drawMessageState(false);
|
||||
}
|
||||
|
||||
sendMessage(msg: any) {
|
||||
iot.postMessage(msg);
|
||||
this.drawMessageState(true);
|
||||
}
|
||||
|
||||
registerCloudHandlers() {
|
||||
iot.onConnectionChanged(() => { this.connectionChanged() });
|
||||
// iot.onMessageReceived(() => { this.messageReceived() });
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
background setup
|
||||
*/
|
||||
const w = screen.width;
|
||||
const h = screen.height;
|
||||
const font = image.font8;
|
||||
const font16 = image.doubledFont(font);
|
||||
const font32 = image.doubledFont(font16);
|
||||
const iconSize = 16;
|
||||
const mu = 5;
|
||||
const mu2 = mu * 2;
|
||||
const strip = light.onboardStrip();
|
||||
|
||||
// name sprite
|
||||
const sprite_padding = mu * 2;
|
||||
let nameFont = font32;
|
||||
const nameColor = 8;
|
||||
|
||||
const colors = [0x000000,
|
||||
0xebebeb,
|
||||
0xcbcbcb,
|
||||
0x3a877d,
|
||||
0xf59356,
|
||||
0x4cdfcd,
|
||||
0xf5b834,
|
||||
0xc795f4,
|
||||
0x493d61,
|
||||
0x8565c2,
|
||||
0x000000,
|
||||
0x000000,
|
||||
0x000000,
|
||||
0x000000,
|
||||
0x000000,
|
||||
0x000000];
|
||||
const p = color.createBuffer(colors);
|
||||
|
||||
const im_cal = img`
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 1 1 0 0 0 0 0 0 1 1 0 0 0
|
||||
0 0 0 1 1 0 0 0 0 0 0 1 1 0 0 0
|
||||
0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0
|
||||
0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0
|
||||
0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0
|
||||
0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0
|
||||
0 1 0 1 1 0 0 1 1 0 0 1 1 0 1 0
|
||||
0 1 0 1 1 0 0 1 1 0 0 1 1 0 1 0
|
||||
0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0
|
||||
0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0
|
||||
0 1 0 1 1 0 0 1 1 0 0 1 1 0 1 0
|
||||
0 1 0 1 1 0 0 1 1 0 0 1 1 0 1 0
|
||||
0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0
|
||||
0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
`;
|
||||
const im_li = img`
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 1 1 1 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 1 1 1 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 1 1 1 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 1 1 1 0 1 1 1 0 1 1 1 0 0 0
|
||||
0 0 1 1 1 0 1 1 1 1 1 1 1 1 0 0
|
||||
0 0 1 1 1 0 1 1 1 1 1 1 1 1 0 0
|
||||
0 0 1 1 1 0 1 1 1 1 0 1 1 1 0 0
|
||||
0 0 1 1 1 0 1 1 1 0 0 1 1 1 0 0
|
||||
0 0 1 1 1 0 1 1 1 0 0 1 1 1 0 0
|
||||
0 0 1 1 1 0 1 1 1 0 0 1 1 1 0 0
|
||||
0 0 1 1 1 0 1 1 1 0 0 1 1 1 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
`;
|
||||
const im_step = img`
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 1 1 1 1 0 0 0 1 1 0 0 0 0
|
||||
0 0 0 1 1 1 1 0 0 1 1 1 1 0 0 0
|
||||
0 0 0 0 1 1 1 0 0 1 1 1 1 0 0 0
|
||||
0 0 0 0 1 1 0 0 0 1 1 1 1 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 1 1 1 1 0 0 0
|
||||
0 0 0 0 0 1 1 1 0 1 1 1 1 0 0 0
|
||||
0 0 0 0 0 1 1 1 0 0 1 1 0 0 0 0
|
||||
0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 1 1 1 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 1 1 1 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
`;
|
||||
const im_pg = img`
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
0 0 0 1 1 1 1 1 1 1 1 0 0 0 0 0
|
||||
0 0 0 1 0 0 0 0 0 1 1 1 0 0 0 0
|
||||
0 0 0 1 0 0 0 0 0 1 0 1 1 0 0 0
|
||||
0 0 0 1 0 1 1 1 0 1 1 1 1 1 0 0
|
||||
0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0
|
||||
0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0
|
||||
0 0 0 1 0 1 1 1 1 1 1 0 1 1 0 0
|
||||
0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0
|
||||
0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0
|
||||
0 0 0 1 0 1 1 1 1 1 1 0 1 1 0 0
|
||||
0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0
|
||||
0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0
|
||||
0 0 0 1 1 1 1 1 1 1 1 1 1 1 0 0
|
||||
0 0 0 1 1 1 1 1 1 1 1 1 1 1 0 0
|
||||
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
|
||||
`;
|
||||
const im_sword = img`
|
||||
. . . . . . . . . . . . . . . .
|
||||
. . . . . . . . . . . . 1 1 1 .
|
||||
. . . . . . . . . . . 1 1 1 1 .
|
||||
. . . . . . . . . . 1 1 1 1 1 .
|
||||
. . . . . . . . . 1 1 1 1 1 . .
|
||||
. . . 1 1 . . . 1 1 1 1 1 . . .
|
||||
. . . 1 1 1 . 1 1 1 1 1 . . . .
|
||||
. . . . 1 1 1 1 1 1 1 . . . . .
|
||||
. . . . 1 1 1 1 1 1 . . . . . .
|
||||
. . . . . 1 1 1 1 . . . . . . .
|
||||
. . . . 1 1 1 1 1 1 . . . . . .
|
||||
. . . 1 1 1 . 1 1 1 1 . . . . .
|
||||
. 1 1 1 1 . . . . 1 1 . . . . .
|
||||
. 1 1 1 . . . . . . . . . . . .
|
||||
. 1 1 1 . . . . . . . . . . . .
|
||||
. . . . . . . . . . . . . . . .
|
||||
`;
|
||||
const im_sel = img`
|
||||
4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 . . . . . . . . . . . . . . . . 4
|
||||
4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4
|
||||
`
|
||||
const im_wifi = img`
|
||||
. . . . . . . . . . . . . . . .
|
||||
. . . . . . 1 1 1 1 . . . . . .
|
||||
. . . . 1 1 1 1 1 1 1 1 . . . .
|
||||
. . . 1 1 1 1 1 1 1 1 1 1 . . .
|
||||
. . 1 1 1 . . . . . . 1 1 1 . .
|
||||
. 1 1 1 . . . . . . . . 1 1 1 .
|
||||
1 1 1 . . . 1 1 1 1 . . . 1 1 1
|
||||
. 1 . . . 1 1 1 1 1 1 . . . 1 .
|
||||
. . . . 1 1 1 1 1 1 1 1 . . . .
|
||||
. . . 1 1 1 . . . . 1 1 1 . . .
|
||||
. . . . 1 . . . . . . 1 . . . .
|
||||
. . . . . . . 1 1 . . . . . . .
|
||||
. . . . . . 1 1 1 1 . . . . . .
|
||||
. . . . . . 1 1 1 1 . . . . . .
|
||||
. . . . . . . 1 1 . . . . . . .
|
||||
. . . . . . . . . . . . . . . .
|
||||
`;
|
||||
const im_wifi_off = img`
|
||||
. . . . . . . . . . . . . . . .
|
||||
. . . . . . 1 1 . 1 1 . . . 1 1
|
||||
. . . . 1 1 1 1 . . 1 1 . 1 1 .
|
||||
. . . 1 1 1 1 1 1 . . 1 1 1 . .
|
||||
. . 1 1 1 . . . . . . 1 1 1 . .
|
||||
. 1 1 1 . . . . . . 1 1 . 1 1 .
|
||||
1 1 1 . . . 1 1 . 1 1 . . . 1 1
|
||||
. 1 . . . 1 1 1 . . . . . . . .
|
||||
. . . . 1 1 1 1 1 1 1 1 . . . .
|
||||
. . . 1 1 1 . . . . 1 1 1 . . .
|
||||
. . . . 1 . . . . . . 1 . . . .
|
||||
. . . . . . . 1 1 . . . . . . .
|
||||
. . . . . . 1 1 1 1 . . . . . .
|
||||
. . . . . . 1 1 1 1 . . . . . .
|
||||
. . . . . . . 1 1 . . . . . . .
|
||||
. . . . . . . . . . . . . . . .
|
||||
`;
|
||||
const im_msg = img`
|
||||
. . . . . . . . . . . . . . . .
|
||||
. . . . . . . . . . . . . . . .
|
||||
. . . . . . . . . . . . . . . .
|
||||
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
|
||||
1 1 . . . . . . . . . . . . 1 1
|
||||
1 . 1 . . . . . . . . . . 1 . 1
|
||||
1 . . 1 . . . . . . . . 1 . . 1
|
||||
1 . . . 1 . . . . . . 1 . . . 1
|
||||
1 . . . . 1 . . . . 1 . . . . 1
|
||||
1 . . . 1 . 1 . . 1 . 1 . . . 1
|
||||
1 . . 1 . . . 1 1 . . . 1 . . 1
|
||||
1 . 1 . . . . . . . . . . 1 . 1
|
||||
1 1 . . . . . . . . . . . . 1 1
|
||||
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
|
||||
. . . . . . . . . . . . . . . .
|
||||
. . . . . . . . . . . . . . . .
|
||||
`;
|
||||
|
||||
// background
|
||||
const bkgColor = 8;
|
||||
const iconColor = 1;
|
||||
|
||||
// name strip
|
||||
const top_offset = mu * 2 + font16.charHeight;
|
||||
const white_bar = mu2 * 2 + font32.charHeight + font16.charHeight;
|
||||
|
||||
function highlightIcon(selected: number, move: number, selector: Sprite, icons: HighlightIcon[]): number {
|
||||
if (selected == null) {
|
||||
selected = move > 0 ? 0 : icons.length - 1;
|
||||
selector.x = scene.screenWidth() - mu - iconSize / 2 - (mu + iconSize) * selected;
|
||||
|
||||
let hi = icons[selected];
|
||||
//colorIcon(selector.image, iconColor, hi.color);
|
||||
colorIcon(hi.sprite.image, iconColor, hi.color);
|
||||
} else if ((selected + move) < 0 || (selected + move) >= icons.length) {
|
||||
let hi = icons[selected];
|
||||
//colorIcon(selector.image, hi.color, iconColor);
|
||||
colorIcon(hi.sprite.image, hi.color, iconColor);
|
||||
|
||||
selected = null;
|
||||
selector.x = scene.screenWidth() + iconSize * 2;
|
||||
} else {
|
||||
let hi = icons[selected];
|
||||
colorIcon(hi.sprite.image, hi.color, iconColor);
|
||||
|
||||
selected += move;
|
||||
selector.x = scene.screenWidth() - mu - iconSize / 2 - (mu + iconSize) * selected;
|
||||
|
||||
let hi2 = icons[selected];
|
||||
//colorIcon(selector.image, hi.color, hi2.color);
|
||||
colorIcon(hi2.sprite.image, iconColor, hi2.color);
|
||||
}
|
||||
|
||||
return selected;
|
||||
}
|
||||
|
||||
// "shake" characters in name
|
||||
// requires pxt-common-packages text update
|
||||
function stepEffect(duration: number, sprite: Sprite, name: string, ts: texteffects.TextSprite) {
|
||||
let i = 0;
|
||||
let inc = 20;
|
||||
while (i < duration) {
|
||||
ts.updateState();
|
||||
sprite.image.fill(1);
|
||||
sprite.image.print(name, 0, 0, nameColor, nameFont, ts.state);
|
||||
pause(inc)
|
||||
i += inc;
|
||||
}
|
||||
|
||||
sprite.image.fill(1);
|
||||
sprite.image.print(name, 0, 0, nameColor, nameFont);
|
||||
}
|
||||
|
||||
function getStepString(steps: number): string {
|
||||
let digits = Math.floor(Math.log(steps) / Math.LN10 + 1);
|
||||
if (digits > 5) {
|
||||
return Math.round(steps / 1000).toString() + "K";
|
||||
} else if (digits > 4) {
|
||||
return (Math.round(steps / 100) / 10).toString() + "K";
|
||||
} else {
|
||||
return steps.toString();
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
interactions
|
||||
*/
|
||||
function step(sprite: Sprite, name: string, steps: number, stepSprite: Sprite, stepFont: image.Font, ts: texteffects.TextSprite): number {
|
||||
steps += 1;
|
||||
stepSprite.image.fill(bkgColor);
|
||||
stepSprite.image.print(getStepString(steps), 0, 0, 1, stepFont);
|
||||
|
||||
effects.confetti.startScreenEffect(500)
|
||||
strip.setAll(0xff00ff);
|
||||
strip.startBrightnessTransition(24, 0, 400, 1, false, new light.EasingBrightnessTransition(easing.outQuad, easing.inOutQuad));
|
||||
stepEffect(500, sprite, name, ts);
|
||||
|
||||
/*
|
||||
iot.postMessage({
|
||||
steps: 1,
|
||||
totalSteps: steps
|
||||
});
|
||||
*/
|
||||
|
||||
return steps;
|
||||
}
|
||||
|
||||
function social() {
|
||||
storyboard.replace("social");
|
||||
}
|
||||
|
||||
function colorIcon(im: Image, prevColor: number, newColor: number) {
|
||||
let indices = control.createBuffer(16);
|
||||
indices[prevColor] = newColor;
|
||||
im.mapRect(0, 0, im.width, im.height, indices);
|
||||
return im;
|
||||
}
|
||||
|
||||
|
||||
function main() {
|
||||
const bkg = scene.backgroundImage();
|
||||
const name = badge.name || "???";
|
||||
const company = badge.company;
|
||||
const logoImage = badge.logoImage;
|
||||
|
||||
let selected: number = null;
|
||||
let icons: HighlightIcon[] = [];
|
||||
|
||||
palette.setColors(p);
|
||||
|
||||
// draw background
|
||||
bkg.fill(bkgColor)
|
||||
bkg.fillRect(0, top_offset, w, white_bar, 1)
|
||||
|
||||
// the name sprite cannot exceed 255 pixels, otherwise hardware crashes
|
||||
let maxMult = Math.idiv(255, name.length * image.font8.charWidth)
|
||||
if (maxMult > 4) maxMult = 4
|
||||
else nameFont = image.scaledFont(image.font8, maxMult)
|
||||
|
||||
/* name sprite */
|
||||
const nameSprite = sprites.create(image.create(nameFont.charWidth * name.length, 4 * 8));
|
||||
|
||||
nameSprite.image.print(name, 0, 0, nameColor, nameFont);
|
||||
nameSprite.y = top_offset + nameSprite.height / 2 + mu * 1.5;
|
||||
nameSprite.x = 80;
|
||||
|
||||
// only marquee if name is too long
|
||||
let nameSpriteShadow: Sprite;
|
||||
let shadowMargin = 40;
|
||||
if (nameSprite.width > scene.screenWidth()) {
|
||||
nameSprite.vx = -40;
|
||||
|
||||
nameSpriteShadow = sprites.create(nameSprite.image);
|
||||
nameSpriteShadow.y = nameSprite.y;
|
||||
nameSpriteShadow.x = nameSprite.x + nameSprite.width + shadowMargin;
|
||||
nameSpriteShadow.vx = -40;
|
||||
}
|
||||
game.onUpdateInterval(50, function () {
|
||||
if (nameSprite.vx != 0) {
|
||||
if (nameSprite.x < -(nameSprite.width / 2)) {
|
||||
nameSprite.x = nameSpriteShadow.x + nameSpriteShadow.width + shadowMargin;
|
||||
}
|
||||
|
||||
if (nameSpriteShadow && nameSpriteShadow.x < -(nameSpriteShadow.width / 2)) {
|
||||
nameSpriteShadow.x = nameSprite.x + nameSprite.width + shadowMargin;
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
/*
|
||||
iot.onMessageReceived(function (message: any) {
|
||||
const msgType = message["type"] as string;
|
||||
switch (msgType) {
|
||||
case "echo": {
|
||||
badge.notificationText = message.displayedValue;
|
||||
badge.transition("notification");
|
||||
break;
|
||||
}
|
||||
case "github": {
|
||||
const stars = message["stars"] as number;
|
||||
info.setScore(stars);
|
||||
break;
|
||||
}
|
||||
}
|
||||
})
|
||||
*/
|
||||
|
||||
const ts = new texteffects.TextSprite(name, nameFont, 0, texteffects.shake);
|
||||
|
||||
/* static text (company, build logo) */
|
||||
let companyColor = 4;
|
||||
let name_offset = top_offset + mu * 2 + font16.charHeight + (nameSprite.height) / 2;
|
||||
if (company)
|
||||
bkg.printCenter(company, name_offset, companyColor, font16);
|
||||
if (logoImage) {
|
||||
const logo = sprites.create(logoImage);
|
||||
logo.left = screen.width - logoImage.width - mu;
|
||||
logo.top = mu;
|
||||
}
|
||||
|
||||
/* bottom icons */
|
||||
// calendar
|
||||
if (badge.program) {
|
||||
const calIcon = sprites.create(im_cal);
|
||||
icons.push(new HighlightIcon(calIcon, 4, () => storyboard.replace("schedule")));
|
||||
}
|
||||
|
||||
// Rock Paper Scissors
|
||||
//const rpsIcon = sprites.create(im_sword);
|
||||
//icons.push(new HighlightIcon(rpsIcon, 4, () => storyboard.replace("rps")));
|
||||
|
||||
// linkedin
|
||||
if (badge.linkedin) {
|
||||
const liIcon = sprites.create(im_li);
|
||||
icons.push(new HighlightIcon(liIcon, 4, social));
|
||||
}
|
||||
|
||||
for (let i = 0; i < icons.length; i++) {
|
||||
let icon = icons[i].sprite;
|
||||
icon.x = scene.screenWidth() - mu - iconSize / 2 - (mu + iconSize) * i;
|
||||
icon.y = scene.screenHeight() - mu - iconSize / 2;
|
||||
}
|
||||
|
||||
const selector = sprites.create(im_sel);
|
||||
selector.y = scene.screenHeight() - mu - iconSize / 2;
|
||||
selector.x = scene.screenWidth() + iconSize * 2;
|
||||
|
||||
/* step counter */
|
||||
const stepFont = font16;
|
||||
const stepColor = 1;
|
||||
const stepSprite = sprites.create(image.create(scene.screenWidth() / 2 - iconSize, stepFont.charHeight));
|
||||
|
||||
stepSprite.image.print(getStepString(steps), 0, 0, stepColor, stepFont);
|
||||
stepSprite.y = scene.screenHeight() - mu - stepSprite.height / 2;
|
||||
stepSprite.x = stepSprite.width / 2 + mu + iconSize;
|
||||
|
||||
// footsteps icon
|
||||
const stepIcon = sprites.create(image.create(iconSize, iconSize));
|
||||
stepIcon.image.drawTransparentImage(im_step, 0, 0)
|
||||
stepIcon.x = stepIcon.width / 2 + mu;
|
||||
stepIcon.y = scene.screenHeight() - mu - iconSize / 2;
|
||||
|
||||
/* top icons (decorative at the moment) */
|
||||
let top_icons: Sprite[] = []
|
||||
|
||||
/*
|
||||
const wifiSprite = sprites.create(image.create(iconSize, iconSize));
|
||||
const wifiIcon = new WifiIcon(wifiSprite, color, 7);
|
||||
wifiIcon.registerCloudHandlers();
|
||||
top_icons.push(wifiIcon.sprite);
|
||||
*/
|
||||
|
||||
const top_2 = sprites.create(image.create(iconSize, iconSize));
|
||||
top_2.image.fill(4)
|
||||
top_icons.push(top_2);
|
||||
|
||||
for (let i = 0; i < top_icons.length; i++) {
|
||||
let icon = top_icons[i];
|
||||
|
||||
icon.x = mu + iconSize / 2 + (mu + iconSize) * i;
|
||||
icon.y = mu + iconSize / 2;
|
||||
}
|
||||
|
||||
/* icon selection code */
|
||||
controller.left.onEvent(ControllerButtonEvent.Pressed, function () {
|
||||
selected = highlightIcon(selected, 1, selector, icons);
|
||||
})
|
||||
|
||||
controller.right.onEvent(ControllerButtonEvent.Pressed, function () {
|
||||
selected = highlightIcon(selected, -1, selector, icons);
|
||||
})
|
||||
|
||||
// step counter
|
||||
controller.onGesture(ControllerGesture.TwoG, function () {
|
||||
steps = step(nameSprite, name, steps, stepSprite, stepFont, ts);
|
||||
});
|
||||
|
||||
controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
||||
let icon = icons[selected];
|
||||
if (icon && icon.handler)
|
||||
icon.handler();
|
||||
})
|
||||
|
||||
/*
|
||||
controller.combos.setTimeout(2000);
|
||||
controller.combos.setCountAsOnePressTimer(0)
|
||||
controller.combos.attachSpecialCode(() => badge.transition("duck"));
|
||||
controller.down.onEvent(ControllerButtonEvent.Pressed, function () {
|
||||
wifiIcon.sendMessage({ ButtonBPressed: 1 });
|
||||
})
|
||||
*/
|
||||
}
|
||||
|
||||
storyboard.registerScene("home", main);
|
||||
}
|
||||
1
main.ts
1
main.ts
|
|
@ -1 +0,0 @@
|
|||
|
||||
11
pxt.json
11
pxt.json
|
|
@ -5,11 +5,18 @@
|
|||
"dependencies": {
|
||||
"device": "*",
|
||||
"palette": "*",
|
||||
"storyboard": "*"
|
||||
"storyboard": "*",
|
||||
"controller": "*",
|
||||
"light": "*",
|
||||
"color": "*",
|
||||
"power": "*",
|
||||
"qrcode": "github:pelikhan/pxt-qrcode#v0.0.4"
|
||||
},
|
||||
"files": [
|
||||
"README.md",
|
||||
"main.ts"
|
||||
"badge.ts",
|
||||
"home.ts",
|
||||
"social.ts"
|
||||
],
|
||||
"testFiles": [
|
||||
"test.ts"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,32 @@
|
|||
namespace badge {
|
||||
function socialScene() {
|
||||
if (badge.qrimg) {
|
||||
sprites.create(badge.qrimg);
|
||||
scene.cameraShake()
|
||||
}
|
||||
else {
|
||||
const qr = sprites.create(sprites.duck.duck1)
|
||||
control.runInBackground(() => {
|
||||
badge.qrimg = qrcode.encodeString("https://linked.in/in/" + badge.linkedin);
|
||||
qr.setImage(badge.qrimg);
|
||||
qr.x = screen.width >> 1;
|
||||
qr.y = screen.height >> 1;
|
||||
scene.cameraShake()
|
||||
})
|
||||
}
|
||||
|
||||
controller.B.onEvent(ControllerButtonEvent.Pressed, () => {
|
||||
storyboard.replace("home");
|
||||
})
|
||||
|
||||
const strip = light.onboardStrip();
|
||||
scene.setBackgroundImage(image.create(screen.width, screen.height));
|
||||
scene.backgroundImage().printCenter("Connect on LinkedIn", 4, 1, image.font5);
|
||||
if (badge.lightStrip) {
|
||||
strip.setAll(0x00ff00);
|
||||
strip.startBrightnessTransition(24, 0, 400, 1, false, new light.EasingBrightnessTransition(easing.outQuad, easing.inOutQuad));
|
||||
}
|
||||
}
|
||||
|
||||
storyboard.registerScene("social", socialScene)
|
||||
}
|
||||
4
test.ts
4
test.ts
|
|
@ -1 +1,5 @@
|
|||
// tests go here; this will not be compiled when this package is used as a library
|
||||
badge.setName("Cortana")
|
||||
badge.setCompany("NA")
|
||||
badge.setLogo("NA", 3);
|
||||
badge.start();
|
||||
Загрузка…
Ссылка в новой задаче