Thỏ Bảy Màu
Website giới thiệu nhân vật và sách Thỏ Bảy Màu, còn được biết đến với tên Rainbow Bunny.
Tóm tắt nhanh
- Đây là gì
- Website giới thiệu dàn nhân vật và sách Thỏ Bảy Màu, còn có tên tiếng Anh là Rainbow Bunny.
- Vai trò của mình
- Dự án tự do, mình tự lập trình website từ hình ảnh gốc của chủ sở hữu.
- Phần mình làm
- Phần mở đầu với các hàng hình nhân vật chuyển động
- Hiệu ứng rê chuột lên tiêu đề để lộ căn phòng minh họa
- Mục giới thiệu nhân vật và mục sách từ hình ảnh được cung cấp
- Công nghệ
- SvelteKit
- Svelte
- Trạng thái
- Dự án website trước đây
Phần của mình là website, gồm cả chuyển động và bố cục, còn nhân vật, tranh minh họa và hình bìa sách vẫn thuộc về những người sáng tạo.
Sản phẩm được dùng để làm gì
Thỏ Bảy Màu, thường viết tắt là T7M và có tên tiếng Anh Rainbow Bunny, có dàn nhân vật minh họa và những cuốn sách đã xuất bản. Website giới thiệu thế giới đó qua hình ảnh gốc của chủ sở hữu. Mình tự làm website, gồm phần mở đầu với các nhân vật và các mục giới thiệu nhân vật, sách.
Gặp gỡ
Làm quen với các nhân vật qua phần mở đầu có chuyển động.
Khám phá
Đọc phần giới thiệu nhân vật.
Đọc sách
Tìm hiểu các cuốn sách cùng hình minh họa.
Để các nhân vật giới thiệu thế giới của mình
Tư liệu được cung cấp có Thỏ chơi game trong căn phòng chung, Gấu ngồi ở bàn và Xô đọc sách. Những tư thế khác ghép các nhân vật thành nhiều nhóm.
Mình làm phần mở đầu với các hàng hình nhân vật chuyển động và tương tác trên tiêu đề để lộ căn phòng minh họa. Mục giới thiệu nhân vật tiếp tục sử dụng dàn nhân vật đó. Chuyển động và bố cục website do mình triển khai; tranh minh họa là tư liệu của chủ sở hữu.
Giới thiệu sách bên cạnh các nhân vật
Mục sách nối các nhân vật với tác phẩm đã xuất bản. Mình làm mục này từ hình bìa sách được cung cấp để người xem nhận ra mối liên hệ giữa nhân vật và sách.
Website làm từ hình ảnh của chủ sở hữu
Website gốc có phần mở đầu với các hàng nhân vật chuyển động, phần giới thiệu nhân vật và mục sách. Mình tự làm website từ tư liệu hình ảnh gốc do chủ sở hữu cung cấp.
Nhân vật đã có. Cho cả hội một chỗ trên web?
Mình có thể làm website từ những hình minh họa sẵn có.
Ghi chú triển khai
Bản triển khai SvelteKit gốc
Dự án gốc dùng SvelteKit và các component Svelte. Phần mở đầu kết hợp các hàng nhân vật chuyển động với hiệu ứng khi rê chuột lên tiêu đề để lộ căn phòng minh họa. Các mục nhân vật và sách dùng lại hình ảnh do chủ sở hữu cung cấp.
Phạm vi dự án và quyền tác giả
Bài giới thiệu này mô tả bản triển khai website gốc được giữ trong kho lưu trữ dự án của mình. Chưa xác minh được một bản đang hoạt động công khai. Quyền tác giả tranh minh họa và nhân vật vẫn thuộc về chủ sở hữu và những người sáng tạo; đóng góp của mình là tự lập trình website.