โครงการนี้ให้ข้อมูลที่ง่ายต่อการเป็นอีโมจิพร้อมกับรูปภาพสไตล์ Spritesheet สำหรับใช้บนเว็บ
เวอร์ชันปัจจุบันรองรับ Emoji เวอร์ชัน 15.1 (ก.ย. 2023)
คุณสามารถดูแคตตาล็อกของข้อมูลอิโมจิได้ที่นี่: http://projects.iamcal.com/emoji-data/table.htm
Git repo ค่อนข้างใหญ่ (เกือบ 4GB) แต่มีทุกอย่าง หากคุณต้องการใช้ npm
คุณสามารถ:
npm install emoji-datasource
สิ่งนี้จะติดตั้ง SpriteSheets 32px Fullity (พร้อมภาพทางเลือก) หากคุณต้องการแผ่นขนาดที่แตกต่างกัน (16, 20 หรือ 64px) แผ่นเชิงปริมาณ (128 หรือ 256 สี) แผ่นที่ไม่ใช่การผงะ (สะอาด) หรือภาพแต่ละภาพ (ที่ 64px) คุณจะต้องติดตั้งโมดูล NPM เพิ่มเติม:
npm install emoji-datasource-apple
npm install emoji-datasource-google
npm install emoji-datasource-twitter
npm install emoji-datasource-facebook
คุณยังสามารถใช้งานได้โดยไม่ต้องดาวน์โหลดผ่าน JSDELIVR CDN (ขนาดต่างกันที่นี่)
ไฟล์ที่คุณต้องการคือ emoji.json
มันมีอาร์เรย์ของรายการสำหรับอิโมจิที่มีลักษณะเช่นนี้:
[
{
"name" : " WHITE UP POINTING INDEX " ,
"unified" : " 261D-FE0F " ,
"non_qualified" : " 261D " ,
"docomo" : null ,
"au" : " E4F6 " ,
"softbank" : " E00F " ,
"google" : " FEB98 " ,
"image" : " 261d.png " ,
"sheet_x" : 1 ,
"sheet_y" : 2 ,
"short_name" : " point_up " ,
"short_names" : [
" point_up "
],
"text" : null ,
"texts" : null ,
"category" : " People & Body " ,
"subcategory" : " hand-single-finger " ,
"sort_order" : 170 ,
"added_in" : " 1.4 " ,
"has_img_apple" : true ,
"has_img_google" : true ,
"has_img_twitter" : true ,
"has_img_facebook" : false ,
"skin_variations" : {
"1F3FB" : {
"unified" : " 261D-1F3FB " ,
"image" : " 261d-1f3fb.png " ,
"sheet_x" : 1 ,
"sheet_y" : 3 ,
"added_in" : " 6.0 " ,
"has_img_apple" : true ,
"has_img_google" : false ,
"has_img_twitter" : false ,
"has_img_facebook" : false ,
}
...
"1F3FB-1F3FC" : {
...
}
},
"obsoletes" : " ABCD-1234 " ,
"obsoleted_by" : " 5678-90EF "
},
...
]
ความหมายของแต่ละฟิลด์มีดังนี้:
ทุ่งนา | คำอธิบาย |
---|---|
name | ชื่อ unicode ที่เป็นไปได้ใน Shouty Uppercase |
unified | CodePoint Unicode เป็นตัวเลข 4-5 Hex ในกรณีที่อีโมจิต้องการ codepoints 2 หรือมากกว่านั้นจะถูกระบุเช่น 1F1EA-1F1F8 สำหรับอิโมจิที่จำเป็นต้องระบุตัวเลือกการเปลี่ยนแปลง (-FE0F) ซึ่งรวมอยู่ที่นี่ |
non_qualified | สำหรับอิโมจิที่มีการใช้งานโดยไม่มีตัวเลือกการเปลี่ยนแปลงเวอร์ชันนั้นรวมอยู่ที่นี่ (มิฉะนั้นเป็นโมฆะ) |
docomo , au ,softbank , google | codepoints unicode legacy ที่ใช้โดยผู้ขายมือถือหลายราย |
image | ชื่อของไฟล์ภาพ |
sheet_x , sheet_y | ตำแหน่งของภาพใน Spritesheets |
short_name | ตามปกติตามชื่อสั้น ๆ สำหรับภาพที่สนับสนุนในแคมป์ไฟ, gitHub ฯลฯ ผ่าน: colon-syntax: |
short_names | อาร์เรย์ของชื่อสั้น ๆ ที่รู้จักทั้งหมด |
text | emoji เวอร์ชัน ASCII (เช่น :) ) หรือ null ที่ไม่มีอยู่ |
texts | อาร์เรย์ของ ascii emoji ที่ควรแปลงเป็นอีโมจินี้ ASCII Emoji แต่ละตัวจะปรากฏขึ้นเฉพาะรายการอิโมจิเดียวเท่านั้น |
category subcategory | ชื่อหมวดหมู่และหมวดหมู่หมวดหมู่ |
sort_order | ดัชนีการเรียงลำดับทั่วโลกสำหรับอิโมจิทั้งหมดตามการสั่งซื้อ Unicode CLDR |
added_in | รุ่นอีโมจิซึ่งเพิ่ม CodePoint/Sequence นี้ (รุ่น Unicode ก่อนหน้านี้) |
has_img_* | ธงว่าชุดภาพที่กำหนดมีภาพ (ตั้งชื่อตามเสาภาพ) หรือไม่ |
skin_variations | สำหรับอิโมจิที่มีการเปลี่ยนแปลงของโทนสีผิวหลายรายการรายการร่ายมนตร์ทางเลือกโดยใช้โทนสีผิว สำหรับอิโมจิที่รองรับโทนสีผิวหลายตัวภายในอีโมจิเดียวโทนสีผิวแต่ละโทนจะถูกคั่นด้วยตัวละครเส้นประ |
obsoletes obsoleted_by | อีโมจิที่ไม่ได้ใช้อีกต่อไปในการตั้งค่าของเวอร์ชัน gendered |
สำหรับชุดภาพแต่ละชุด (Apple, Google, ฯลฯ ) เราสร้าง "สไปรต์ชีต" ที่แตกต่างกันหลายภาพ - ภาพขนาดใหญ่ของอิโมจิทั้งหมดที่เย็บเข้าด้วยกัน
ภาพอิโมจิทุกภาพในแผ่นมีเส้นขอบโปร่งใส 1 พิกเซลอยู่รอบ ๆ ดังนั้นแผ่น 64px นั้นประกอบไปด้วยสี่เหลี่ยม 66px ในขณะที่แผ่น 16px นั้นประกอบไปด้วยสี่เหลี่ยม 18px ฯลฯ คุณสามารถหาตำแหน่งของภาพใด ๆ ที่กำหนด บนแผ่นงานโดยใช้คุณสมบัติ sheet_x
และ sheet_y
ดังต่อไปนี้:
x = (sheet_x * (sheet_size + 2)) + 1;
y = (sheet_y * (sheet_size + 2)) + 1;
ภายใน Git repo คุณจะพบแผ่นบางส่วนในไดเรกทอรีรากและบางส่วนใน sheets-indexed-128
, sheets-indexed-256
และแผ่นทำความ sheets-clean
ในแพ็คเกจ NPM คุณจะพบพวกเขาภายใต้เส้นทาง img/{$set}/sheets*
ตัวอย่างเช่น:
git repo | แพ็คเกจ NPM |
---|---|
/sheet_apple_16.png | /img/apple/sheets/16.png |
/sheets-indexed-128/sheet_apple_16_indexed_128.png | /img/apple/sheets-128/16.png |
/sheets-clean/sheet_apple_16_clean.png | /img/apple/sheets-clean/16.png |
ในตัวอย่างเหล่านี้ชุดรูปภาพมาจาก Apple และรูปภาพมี 16px ที่ด้านข้าง แผ่นที่อยู่แถวบนสุดมีสี 24 บิตในขณะที่แผ่นในแถวกลางใช้จานสีที่มีการจัดทำดัชนีมีเพียง 128 สี สิ่งนี้ทำให้ภาพมีขนาดเล็กลงมาก แต่เสียสละคุณภาพมาก ทั้ง 128 สีและแผ่นสี 256 สีมีให้ แผ่นที่อยู่แถวล่างไม่มีการโทรกลับสำหรับภาพที่หายไปดังนั้นแผ่น Google จึงมีรูปภาพของ Google เท่านั้น (และไม่มีการเสียชีวิตของ Apple) ซึ่งหมายความว่าภาพบางภาพจะถูกแทนที่ด้วยตัวละครทางเลือก (เครื่องหมายคำถาม) แต่สิทธิ์ในการใช้งานนั้นง่ายกว่า
ดูการเปลี่ยนแปลง md
รูปภาพถูกสกัดจากแหล่งที่มาของพวกเขาและห้องสมุดนี้พยายามติดตามเวอร์ชันล่าสุดที่มีอยู่ หากคุณกำลังมองหาภาพแอปเปิ้ลหรือ Android รุ่นเก่า (เช่นหัวใจที่มีขนดก) คุณจะต้องดูการแก้ไขก่อนหน้านี้
ชุดภาพ | เวอร์ชันต้นทาง | Emoji รองรับ | ภาพที่หายไป |
---|---|---|---|
แอปเปิล | iOS 17.4 เบต้า | อีโมจิ 15.1 | 3 |
Noto Emoji, v2.042 | อีโมจิ 15.1 | 0 | |
Twemoji (Fork), v15.0.3 | อีโมจิ 15.0 | 118 | |
V9, ดึง 2024-02-05 | อีโมจิ 15.0 | 142 |
หากคุณใช้ภาพ Spritesheet และมีความกังวลเกี่ยวกับสิทธิ์การใช้งานโปรดใช้เวอร์ชัน 'สะอาด' ซึ่งหลีกเลี่ยงการใช้ภาพทางเลือกสำหรับอิโมจิที่หายไป (ดูส่วน Spritesheet ด้านบนสำหรับรายละเอียดเพิ่มเติม)