Howdy, Stranger!

It looks like you're new here. Sign in or register to get started.

If you have any questions, reports, suggestions, or requests about Live2D, please send them to this community.
※We cannot guarantee statements or answers from Live2D staff. Thank you for your understanding in advance.
Live2D Cubism
Cubism Products and Downloads
Cubism product manuals and tutorials
Cubism Editor Manual    Cubism Editor Tutorial    Cubism SDK Manual    Cubism SDK Tutorial
"[NOTICE]" About the support for Mac models
Cubism Editor is not supported with Apple M1 processors.
Please refer to System Requirements for details.
We will not respond to any related inquiries with this message.
Please note that Cubism SDK is not supported with Apple M1 processors and macOS 11.0 Big Sur.
Live2D user has created a tutorial video(unoffilcial) in English. SEE ALSO.
Thank you, brian_tsui!
[Live2D Tutorial 2020] Introduction to Tools and Technical Concepts

question-character not displayed correctly on canvas in webpage

edited August 2020 in Help
Hi I have problem with my live2d animation not displaying properly on canvas. It seems bigger than the canvas so I can see only part of character. Resizing canvas resizes animation as well. Is there an function to scale model in html without changing size of canvas? Or maybe I can somwhow set the model to be alweys scaled?

my html document

< !DOCTYPE html>
< html>
< head>
< script type="text/javascript" src="device.min.js">
< script type="text/javascript" src="bundle.js">
< script src="">
< /head>
< body>
< div style="width:954px;height:715px;">
< canvas id="char" >
< /div>
< style>
position: absolute;
top: 0px;
left: 318px;
width: 318px;
height: 715px;
z-index: 3;
< /style>
< script language="JAVASCRIPT">
var modelUrl="./models/alma/almapos1.model.json";
loadlive2d("char", modelUrl);
< /script>
< /body>
< /body>
< /html>

this is my model and how it should be

and here is what i get on my page

and model size is 636x1430 not sure if that has anything to do with the problem
Sign In or Register to comment.